如何使用材料2栏

我使用的材料2卡等，但得到的错误，而试图以添加工具栏如何使用材料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未处理的Promi拒绝：模板解析错误：不能将绑定到“颜色”，因为它不是“md-toolbar”的已知属性。 1.如果'md-toolbar'是一个Angular组件并且它有'color'输入，那么请验证它是否是该模块的一部分。 2.如果'md-toolbar'是一个Web组件，然后将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@ NgModule.schema'中以禁止此消息。（ “

] [彩色] = ”红色“>我的应用标题”）：AppComponent @ 39：12 'MD-工具栏' 不是已知元素： 1.如果 'MD-工具栏' 是角度组件，然后验证它是否是该模块的一部分。 2.如果'md-toolbar'是一个Web组件，然后将“CUSTOM_ELEMENTS_SCHEMA”添加到此组件的'@ NgModule.schema'中以禁止此消息。（”

在此先感谢

来源

2016-12-01 Ash

我认为这与你的错误没有关系，但是co lor应该来自类型“primary”| “重音”| “警告”。 [color] =“红色”不是有效值。 color =“primary”是。 – philipooo

现在它在app.compoent.ts

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

    imports: [ 
    MdToolbarModule.forRoot(), 

    ],

来源

2016-12-01 11:42:37 Ash

而且我发现更改后的工作，如果你遇到如MD-问题无论是未知元素，将其更改为mat-无论如何，我发现的例子是md-toolbar，md-icon和md-menu，我不得不将所有这些变成mat-并且它能够工作，而且我必须将mdMenu更改为matMenu，中提琴！

来源

2018-01-15 01:07:19

如何使用材料2栏

回答

相关问题