离子标签按钮在选择时不会改变颜色答案

【问题标题】：Ionic tabs button not changing color when selected离子标签按钮在选择时不会改变颜色
【发布时间】：2021-09-26 18:06:02
【问题描述】：

我正在尝试通过选项卡导航到路径，但使用时选择的选项卡颜色没有改变

tabs.html
<ion-tab-button [tab]="route">

tabs.ts

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

但是当我将 [tab] 删除到 tab 时，它工作正常

我需要从服务器端获取路由 ID/参数。

【问题讨论】：

你需要什么？您想从服务器获取选项卡路由/id 并在您的应用程序中自动切换吗？
@DanilProkhorenkoyes 在我的情况下，路线是tabs/tab1/:id，但点击标签栏颜色不起作用。
是的@DanilProkhorenko
发现并解决了这个问题here。

标签： html node.js angular typescript ionic-framework

【解决方案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');

【讨论】：