如何使用材料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欄

回答

相關問題