选项卡上的Angular 4 Material Tabs Load

前端之家收集整理的这篇文章主要介绍了选项卡上的Angular 4 Material Tabs Load前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以在Angular Material选项卡上实现延迟加载?否则,我需要一种方法来输入选项卡时运行方法.

解决方法

您可以使用< md-tab-group>提供的selectChange事件.更改选项卡选项时会触发它.从 documentation

@Output() selectChange : Event emitted when the tab selection has
changed.

在您的模板中:

<md-tab-group (selectChange)="tabSelectionChanged($event)">
  <md-tab label="Tab 1">Content 1</md-tab>
  <md-tab label="Tab 2">
    This tab will load some morecontents after 5 seconds.
    <p>{{ moreContents }}</p>
  </md-tab>
</md-tab-group>

…并在你的打字稿代码中:

tabSelectionChanged(event){
    // Get the selected tab
    let selectedTab = event.tab;
    console.log(selectedTab);

    // Call some method that you want 
    this.someMethod();
}

链接working demo.

猜你在找的Angularjs相关文章