Javascript 角度材质html标记属性不起作用

我已经使用cli创建了一个新的angular 4和material项目。主页面包含一个mdToolbar和一个mdSidenav。到目前为止，它看起来很不错，但在html标记中添加一些属性（如sidenav的颜色或模式）没有任何效果。Webstorm也认识到这些属性是未知的

你知道少了什么吗

这是一个模块，其中包括材质模块和我的自定义组件。在app.component.html中有md toobar和md sidenav。自定义组件app侧栏和app-announcement1目前仅显示标题

结果是一个主颜色工具栏、一个隐藏的侧导航和公告组件的标题

谢谢并致以最良好的祝愿

马克斯

从'@angular/platform browser'导入{BrowserModule}；
从“@angular/core”导入{NgModule}；
从“./app.component”导入{AppComponent}；
从“/announcement1/announcement1.component”导入{Announcement1Component}；
从“./sidebar/sidebar.component”导入{SidebarComponent}；
从“@angular/material”导入{MdToolbarModule，MdSidenavModule}；
@NGD模块({
声明：[
应用组件，
宣布1组成部分，
侧边栏组件
],
进口：[
BrowserModule、MdToolbarModule、MdSidenavModule
],
提供者：[]，
引导：[AppComponent]
})
导出类AppModule{}

{{title}}！！