3

angular cli と angular material 2 を使用しています。ツールバーのボタンは適切なデザインの色を取得しますが、sidenav を実装する場合、ボタンのクリックで.mdsidenav-openingクラスが追加されますが、CSS ルールはありません。

<md-sidenav-layout fullscreen>
 <md-sidenav #sidenav>
    <md-nav-list *shellNoRender>
      <a md-list-item *ngFor="let view of views">
        <md-icon md-list-icon>{{view.icon}}</md-icon>
        <span md-line>{{view.name}}</span>
        <span md-line>{{view.description}}</span>
      </a>
    </md-nav-list>
  </md-sidenav>
  <md-toolbar color="primary">
    <button md-icon-button (click)="sidenav.toggle()">
      <md-icon>menu</md-icon>
    </button>
    Puppy Love
  </md-toolbar>
  <router-outlet *shellNoRender></router-outlet>
</md-sidenav-layout>
4

0 に答える 0