Атрибуты HTML-тегов угловых материалов не работают

Question

Я создал новый угловой проект 4 и материал, используя Cli. Главная страница содержит mdToolbar и mdSidenav. Пока это выглядит великолепно, но добавление некоторых атрибутов в html-теги, таких как цвет или режим для sidenav, не имеет никакого эффекта. Webstorm также признает, что эти атрибуты неизвестны.

Есть идеи, чего не хватает?

Вот модуль, который включает в себя модули материалов и мои пользовательские компоненты. В app.component.html есть md-toobar и md-sidenav. Пользовательский компонент app-sidebar и app-announce1 пока показывает только заголовок.

Результатом является панель инструментов в цвете основной, скрытый 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>