這是少引入了什么？又沒找到。

1. Template 代碼片斷：

<div md-subheader class="header-container">
  <div>
    <h3>{{header}}</h3>
  </div>
  <div class="fill">
    <button md-button>
      <md-icon>add_circle_outline</md-icon>
      <span>新任務(wù)</span>
    </button>
  </div>
  <div>
    <button md-icon-button [mdMenuTriggerFor]="menu">
      <md-icon>keyboard_arrow_down</md-icon>
    </button>
  </div>
</div>

<md-menu #menu="mdMenu">
  <button md-menu-item>
    <md-icon>mode_edit</md-icon>
    <span>修改列表名稱</span>
  </button>
  <button md-menu-item>
    <md-icon [svgIcon]="'move'"></md-icon>
    <span>移動(dòng)本列表所有內(nèi)容</span>
  </button>
  <button md-menu-item>
    <md-icon>delete_forever</md-icon>
    <span>刪除列表</span>
  </button>
</md-menu>

2.TS 代碼片斷：

import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'app-task-header',
  templateUrl: './task-header.component.html',
  styleUrls: ['./task-header.component.scss']
})
export class TaskHeaderComponent implements OnInit {

  @Input() header = '';

  constructor() { }

  ngOnInit() {
  }

}