Question

我想基于从api更改的十六进制变量来更改标签的图标颜色

我尝试使用[ngStyle]和[ngClass]元素并使用它们，但似乎无济于事

  <ion-tab [root]="tab1Root" tabTitle="{{homeTitle}}" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="{{searchTitle}}" tabIcon="search"></ion-tab>
  <ion-tab [root]="tab4Root"  tabIcon="options" ></ion-tab>
</ion-tabs>

<ion-tabs *ngIf="showKpi">
  <ion-tab [root]="tab1Root" tabTitle="{{homeTitle}}" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="{{kpiTitle}}" tabIcon="stats" ></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="{{searchTitle}}" tabIcon="search"></ion-tab>
  <ion-tab [root]="tab4Root"  tabIcon="options" ></ion-tab>
```</ion-tabs>

I was able to change the background dynamically

Answer 1

尝试：

[style.color]="myColor"

或

[style.backgroundColor]="myColor"

以及API中的颜色值：

this.myColor = 'valueFromAPI'

离子选项卡图标动态颜色

1 个答案: