0

メニューのセクションごとにタブを作成しようとしています。

したがって、次のデータ構造があります。

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

私が欲しいのは、上記の配列の各要素のタブを生成するある種の ngFor です。

私はこれについてオンラインで何も見たことがなく、自分で解決できないようです。

誰もこれについて経験がありますか？

4

1 に答える 1

0

次のようなことを試してください：

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を含むページである場合に機能します。例：@IonicPagename

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

次に、 MyPagetab.nameでなければなりません。

文字列をタブのルートとして設定すると、遅延読み込みを利用してタブのルート ページが設定されることに注意してください。したがって、慣れていない場合は、ionic-team による次の記事を読む必要があります。

于 2017-09-18T15:42:52.957 に答える