Angular 2 材质选项卡 - 仅在选项卡上加载内容处于活动状态

【问题标题】：Angular 2 material tabs - content loading on tab active onlyAngular 2 材质选项卡 - 仅在选项卡上加载内容处于活动状态
【发布时间】：2017-06-23 15:24:15
【问题描述】：

只是一个简单的问题。我想以一种方式实现 Angular 2 Material Tabs，即每个选项卡的内容只有在相应的选项卡设置为活动时才被初始化。

这是我使用的。 https://material.angular.io/components/tabs/overview

【问题讨论】：

stackoverflow.com/help/how-to-ask

标签： angular material-design

【解决方案1】：

我已经做到了，并且为我工作

export class TabComponent implements OnInit {
  private tabs = {
    selectedIndex: 0
  };
  constructor() { }

  ngOnInit() {
    this.getData(0);
  }

  selectChange($event: MdTabChangeEvent) {
    this.getData($event.index);
  }

  getData(index) {
    Observable
     .create(observer => setTimeout(() => observer.next(index), 0))
     .subscribe(index => {
      this.tabs[index] = true;
    });
  }
}

【讨论】：

Raul，你有这个实现的 github 代码吗？我真的需要这个，但需要更多信息或查看演示。如果你能提供一个链接，请。谢谢
Maddy，我不再有代码了，对此有更好的实现。您是否尝试过在 URL 中传递选项卡？还是不适合你？