如何使用材料2工具栏

Question

我正在使用材料2卡等，但是在尝试添加工具栏时会出现错误

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：388 nunhandled承诺拒绝：模板解析错误：不能 绑定到"颜色"，因为它不是" MD-Toolbar"的已知属性。 1.如果" md-toolbar"是一个角度组件并且具有"颜色"输入，则验证它是该模块的一部分。 2.如果'md-toolbar'是Web组件，则将" custom_elements_schema"添加到此组件的'@ngmodule.schema' 抑制此消息。（"

] [color] ="红色">我的应用程序 标题"）：AppComponent@39：12'MD-Toolbar'不是一个 已知元素： 1.如果" md-toolbar"是一个角度组件，则验证它是该模块的一部分。 2.如果'md-toolbar'是Web组件，则将" custom_elements_schema"添加到此组件的'@ngmodule.schema' 抑制此消息。（"

预先感谢

Answer 1

现在它在更改App.compoent.ts

之后正在工作

    import { MdToolbarModule,MdToolbarRow } from '@angular2-material/toolbar';
  imports: [
    MdToolbarModule.forRoot(),   
  ],

Answer 2

我也发现，如果您遇到诸如MD-诸如未知元素之类的问题，请将其更改为Mat-其他。我发现的例子是MD-Toolbar，MD-Icon和MD-Menu。我不得不将所有这些都更改为垫子，而且奏效了。另外，我不得不将MDMENU更改为Matmenu和Viola！

Answer 3

app.module.ts文件

2更改

1. import {MatToolbarModule} from '@angular/material/toolbar';

2. imports: [
     MatToolbarModule
   ],