选项卡上的Angular 4 Material Tabs Load

发布时间：2020-12-17 17:47:09 所属栏目：安全来源：网络整理

导读：是否可以在Angular Material选项卡上实现延迟加载？否则,我需要一种方法来输入选项卡时运行方法. 解决方法您可以使用 md-tab-group提供的selectChange事件.更改选项卡选项时会触发它.从 documentation： @Output() selectChange : Event emitted when the t

是否可以在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.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!