Json 离子2-使用根目录动态链接选项卡页面

在ionic 2中，我可以通过以下代码使用JSON响应动态创建选项卡。我需要使用中的[root]将创建的选项卡动态链接到相应的页面

    <ion-tab *ngFor="let rew of people" [tabTitle]="rew.name"></ion-tab>

JSON响应

  Tabs :  [{"category_id":5,"parent_id":2,"name":"Masala Mix","is_active":1,"position":1,"level":2,"children":[]},{"category_id":3,"parent_id":2,"name":"Pure spices","is_active":1,"position":2,"level":2,"children":[]},{"category_id":6,"parent_id":2,"name":"Pickles","is_active":1,"position":3,"level":2,"children":[]},{"category_id":8,"parent_id":2,"name":"Rice Mix","is_active":1,"position":4,"level":2,"children":[]},{"category_id":4,"parent_id":2,"name":"Asafoetida","is_active":1,"position":5,"level":2,"children":[]},{"category_id":9,"parent_id":2,"name":"Pappad","is_active":1,"position":6,"level":2,"children":[]},{"category_id":11,"parent_id":2,"name":"Become A Stockist ","is_active":1,"position":7,"level":2,"children":[]}]

---

您可以通过设置页面索引并使用ion tabs中的“selectedIndex”选择选项卡来实现这一点

<ion-tabs selectedIndex={{index}}>
   <ion-tab [root]="tab1Root" tabTitle="PageOne"></ion-tab> // 0 activates this page
   <ion-tab [root]="tab2Root" tabTitle="PageTwo"></ion-tab> // 1 activates this page
   <ion-tab [root]="tab3Root" tabTitle="PageThree"></ion-tab> // 2 activates this page
</ion-tabs>

//0将激活此页
//1激活此页面
//2激活此页面

希望有帮助

<ion-tabs selectedIndex={{index}}>
   <ion-tab [root]="tab1Root" tabTitle="PageOne"></ion-tab> // 0 activates this page
   <ion-tab [root]="tab2Root" tabTitle="PageTwo"></ion-tab> // 1 activates this page
   <ion-tab [root]="tab3Root" tabTitle="PageThree"></ion-tab> // 2 activates this page
</ion-tabs>