如何使用材料2工具栏

Question

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

app.component.html

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

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';

import {OVERLAY_PROVIDERS} from "@angular2-material/core";

// Material 2 
import { MdCoreModule } from '@angular2-material/core'
import { MdButtonModule } from '@angular2-material/button';
import { MdCardModule } from '@angular2-material/card';
import { MdRadioModule } from '@angular2-material/radio';
import { MdCheckboxModule } from '@angular2-material/checkbox'
import { MdTooltipModule } from '@angular2-material/tooltip';
import { MdSliderModule } from '@angular2-material/slider';
import { MdToolbarModule,MdToolbarRow } from '@angular2-material/toolbar';


import 'hammerjs' ;

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    MdCoreModule.forRoot() , MdCardModule.forRoot() , MdButtonModule.forRoot() , MdRadioModule.forRoot() ,
    MdCheckboxModule.forRoot() , MdTooltipModule.forRoot() , MdSliderModule.forRoot() ,MdToolbarModule.forRoot()
  ],
  providers: [OVERLAY_PROVIDERS],
  bootstrap: [AppComponent]
})
export class AppModule { }

我搞错了

zone.js:388Unhandled承诺拒绝:模板解析错误:无法绑定到“颜色”，因为它不是“md-工具栏”的已知属性。1.如果“md-工具栏”是一个角度组件，并且它有“颜色”输入，则验证它是该模块的一部分。2.如果‘md-工具栏’是一个Web组件，那么将"CUSTOM_ELEMENTS_SCHEMA“添加到该组件的'@NgModule.schema‘中，以抑制此消息。(“ [color=“red”> My Application Title )：AppComponent@39:12‘md-工具栏’不是已知的元素: 1.如果‘md-工具栏’是一个角度组件，那么验证它是否是该模块的一部分。2.如果‘md-工具栏’是一个Web组件，那么将"CUSTOM_ELEMENTS_SCHEMA“添加到该组件的'@NgModule.schema‘中，以抑制此消息。()

提前感谢

Answer 1

现在，在app.compoent.ts更改之后，它开始工作了。

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

  imports: [
    MdToolbarModule.forRoot(),   

  ],

Answer 2

我还发现，如果你遇到了诸如md之类的问题--不管是什么未知的元素，把它换成垫子--随便吧。我找到的例子有md-工具栏、md-图标和md-菜单。我不得不把这些都换成垫子--而且效果很好。另外，我还得把mdMenu换成matMenu和中提琴！

Answer 3

app.module.ts文件

2项变动

1. import {MatToolbarModule} from '@angular/material/toolbar';
2. 进口: MatToolbarModule，