Question

我正在尝试为菜单的每个部分创建一个标签。

所以我有以下数据结构：

[
  { name: 'Wines', contents:[...] },
  { name: 'Ciders', contents: [...] },
  { name: 'Beers', contents:[...] }
]

我想要的是某种ngFor，它会为上面数组中的每个元素生成一个标签。

我没有在网上看到任何东西，似乎无法自己解决。

有没有人有这方面的经验？

Answer 1

尝试这样的事情：

let tabs = [{name:'Wines', contents:[...]},
 {name:'Ciders', contents: [...]},
 {name:'Beers', contents:[...]}
];

<ion-tabs>
  <ion-tab *ngFor="let tab of tabs" [root]="tab.name"></ion-tab>
</ion-tabs>

如果tab.name是一个具有@IonicPage装饰器的页面，其中类名等于制表符对象的name属性，则此方法应该有效。例如：

@IonicPage()
@Component({
  ...
})
export class MyPage {
}

然后tab.name必须是 MyPage 。

请注意，将字符串设置为选项卡的根目录时，会使用延迟加载来设置选项卡的根页面。因此，如果你不熟悉它，你应该阅读离子团队的以下文章：

离子程序选项卡人口

1 个答案: