angular material html标签属性不起作用

时间:2017-06-21 15:53:39

标签: javascript html angular material

我使用cli创建了一个新的角度4和材质项目。主页面包含mdToolbar和mdSidenav。到目前为止它看起来很棒但是为sidenav的颜色或模式等html标签添加一些属性没有任何效果。 Webstorm也认识到这些属性是未知的。

任何想法丢失了吗?

这是包含材料模块和我的自定义组件的模块。在app.component.html中有md-toobar和md-sidenav。自定义组件app-sidebar和app-announcement1到目前为止仅显示标题。

结果是一个颜色为primary的工具栏,一个隐藏的sidenav和公告组件的标题。

感谢和最诚挚的问候,

最大

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { Announcement1Component } from './announcement1/announcement1.component';
import { SidebarComponent } from './sidebar/sidebar.component';
import { MdToolbarModule, MdSidenavModule } from '@angular/material';

@NgModule({
  declarations: [
    AppComponent,
    Announcement1Component,
    SidebarComponent
  ],
  imports: [
    BrowserModule, MdToolbarModule, MdSidenavModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
<md-toolbar color="warn">
  <h1>
    {{title}}!!
  </h1>
</md-toolbar>

<md-sidenav-container>
  <md-sidenav mode="side" opened="true">
    <app-sidebar></app-sidebar>
  </md-sidenav>
  <!-- primary content -->
  <app-announcement1></app-announcement1>
</md-sidenav-container>

0 个答案:

没有答案