Angular 2材质标签 - 标签上的内容加载仅限活动

Question

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

这就是我使用的。 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; 
    }); 
    } 
}