Question

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

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

Answer 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;
    });
  }
}

Angular 2材质选项卡 - 仅在选项卡上加载内容

1 个答案: