0

*.component.html で定義された sidenav にアクセスして、画面幅などのプロパティに基づいてそのモード (over | push | side) を動的に制御できるようにしたいと考えています。

以下の md-sidenav にアクセスするにはどうすればよいですか

<div class='layout-header'>
  <md-sidenav-layout fullscreen>
    <md-sidenav mode="side" #sidenav>
      <md-nav-list>
        <md-list-item>Blah</md-list-item>
      </md-nav-list>
   </md-sidenav>
   ...
</div>

*.component.ts で定義されたコンポーネントから?

@Component({
  selector: 'layout-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.css'],
  directives: [
    MD_SIDENAV_DIRECTIVES,
    MD_LIST_DIRECTIVES,
    MD_CARD_DIRECTIVES,
    MdToolbar,
    MdButton,
    MdInput,
    MdCheckbox,
    MdRadioGroup,
    MdRadioButton,
    MdIcon
  ],
  providers: []
})
export class HeaderComponent {

}

私は現在

4

2 に答える 2

0

わかりました、次のようにコンポーネント プロパティをバインドする必要があります。

<md-sidenav [mode]="{{sidenavMode}}" #sidenav>
于 2016-09-04T23:32:56.017 に答える