html - ionic 标签按钮在选择时不会改变颜色

Question

我正在尝试通过选项卡导航到路径，但在我使用时选定的选项卡颜色没有改变
tabs.html <ion-tab-button [tab]="route"> tabs.ts

ngOnInit() {
    this.getId().get().subscribe((id) => {
        this.route = id;
    });
}

但是当我删除 [tab]至 tab它工作正常
我需要从服务器端获取路由 Id/params。

Answer 1

要以编程方式选择选项卡之一，您至少有两个选项。
导航到所需的选项卡:

import { IonTabs, NavController } from '@ionic/angular';

// add NavController to your constructor
constructor(private navCtrl: NavController) {}

// navigate by your route
this.navCtrl.navigateForward('/tabs/tab2');

选择标签:

import { Component, ViewChild } from '@angular/core';

// declare child's IonTab inside your component
@ViewChild(IonTabs) tabs: IonTabs;

// select your tab
this.tabs.select('tab2');