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 Promise rejection：模板解析错误：不能   绑定到'color'，因为它不是'md-toolbar'的已知属性。   1.如果'md-toolbar'是一个Angular组件并且它有'color'输入，那么请确认它是该模块的一部分。   2.如果'md-toolbar'是Web组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@NgModule.schema'   压制此消息。（“

] [彩色] = “红色” ＆GT;我的应用程序   标题“）：AppComponent @ 39：12'md-toolbar'不是   已知元素：   1.如果'md-toolbar'是Angular组件，则验证它是否是此模块的一部分。   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。我必须将所有这些改为mat-并且它有效。此外，我不得不将mdMenu更改为matMenu和中提琴！

Answer 3

app.module.ts文件

2次更改

import {MatToolbarModule} from '@angular/material/toolbar';
```
imports: [
  MatToolbarModule
],
```

如何使用材料2工具栏

3 个答案:

app.module.ts文件