离子 5 角度标签静态显示

Question

将ion-tab元素替换为ion-tab-bar和Angular Routing (如中断性更改中所述( - 有没有另一种显示"静态选项卡"的方法？

路由/延迟加载非常适合某些场景，但当我想在选项卡之间共享对象时则不然。
JavaScript 的使用文档仍然显示ion-tab的用法，这对我来说是完美的。像这样：

<ion-tabs>
<ion-tab tab="tab-schedule">
Static content {{foo.schedule}}
</ion-tab>
<ion-tab tab="tab-speaker">
Static content {{foo.speaker}}
</ion-tab>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="tab-schedule">
<ion-label>Schedule</ion-label>
</ion-tab-button>
<ion-tab-button tab="tab-speaker">
<ion-label>Speakers</ion-label>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>

有没有另一种方法可以在Ionic 5 Angular中完成此行为？

Answer 1

据我所知，没有路由就无法使用离子制表符。我尝试了几次尝试，但都失败了。对于静态选项卡，Ionic 提供了ion-segment组件，其用法如下：

<ion-segment [(ngModel)]="selectedSegment">
<ion-segment-button value="1">
<ion-label>1</ion-label>
</ion-segment-button>
<ion-segment-button value="2">
<ion-label>2</ion-label>
</ion-segment-button>
</ion-segment>

<div *ngIf="1 === selectedSegment">
1
</div>
<div *ngIf="2 === selectedSegment">
2
</div>

文档在这里 https://ionicframework.com/docs/api/segment