Angular 如何使用“材质2”工具栏

我正在使用material2卡等，但在尝试添加工具栏时出错

app.component.html

<md-toolbar [color]="red">
  <span>My Application Title</span>
</md-toolbar> 

我犯了一个错误

js:388未处理的承诺拒绝：模板分析错误：无法 绑定到“color”，因为它不是“md toolbar”的已知属性。 1.如果“md工具栏”是一个角度组件，并且有“颜色”输入，则验证它是否是此模块的一部分。 2.如果“md toolbar”是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.SCHEMA”中 以抑制此消息。（”

][颜色]=“红色”>我的应用程序 标题“）：AppComponent@39：12“md工具栏”不是一个 已知元素： 1.如果“md toolbar”是一个角度组件，则验证它是否是此模块的一部分。 2.如果“md toolbar”是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的“@NgModule.SCHEMA”中 以抑制此消息。（”

---

提前感谢

在app.component.ts中进行更改后，它现在可以工作了

    import { MdToolbarModule,MdToolbarRow } from '@angular2-material/toolbar';

  imports: [
    MdToolbarModule.forRoot(),   

  ],

---

此外，我还发现，如果您遇到诸如md-whatever是未知元素之类的问题，请将其更改为mat-whatever。我发现的示例有md工具栏、md图标和md菜单。我必须将所有这些更改为mat-并且它起到了作用。我还必须将mdMenu更改为matMenu和viola！

app.module.ts文件 2变化

从“@angular/material/toolbar”导入{MatToolbarModule}；

---

我认为这与您的错误无关，但颜色应该来自类型“primary”|“accent”|“warn”。[color]=“red”不是有效值。color=“primary”是。

    import { MdToolbarModule,MdToolbarRow } from '@angular2-material/toolbar';

  imports: [
    MdToolbarModule.forRoot(),   

  ],

imports: [
  MatToolbarModule
],