ionic3创建选项卡

最新推荐文章于 2021-07-06 04:50:43 发布

原创最新推荐文章于 2021-07-06 04:50:43 发布 · 216 阅读

0 ·

CC 4.0 BY-SA版权

ionic3创建选项卡

html页面

<ion-content padding>

    <ion-segment [(ngModel)]="tabs">
        <ion-segment-button value="gatewaySignal">网关接受信号</ion-segment-button>
        <ion-segment-button value="taskType">任务类型</ion-segment-button>
        <ion-segment-button value="testTask">测试任务</ion-segment-button>
        <ion-segment-button value="lockRecord">门锁记录</ion-segment-button>
    </ion-segment>

    <div [ngSwitch]="tabs">
        <div *ngSwitchCase="'gatewaySignal'">
            1
        </div>
        <div *ngSwitchCase="'taskType'">
            2
        </div>
        <div *ngSwitchCase="'testTask'">
            3
        </div>
        <div *ngSwitchCase="'lockRecord'">
            4
        </div>
    </div>

</ion-content>

ts文件里