在Ionic2中动态更改标签颜色

时间:2016-04-09 15:23:10

标签: ionic2

我有一个字符串属性,其值为“primary”,“secondary”或“danger”。我能够以这种方式将它绑定到徽章:

<ion-badge class="badge badge-{{product.colorStock}}">1</ion-badge>

但我无法对标签做同样的事情(这不起作用):

<ion-label class="label label-{{product.colorStock}}">Text</ion-label>

如何将我的属性绑定到标签上以便更改颜色?

谢谢

2 个答案:

答案 0 :(得分:0)

我认为这应该有效:

<ion-label class="label" [ngClass]="['label-'+product.colorStock]">Text</ion-label>

答案 1 :(得分:0)

它由Ionic2 Framework本身解决,引入了“颜色”标签。现在标签sintax是:

<ion-label color="danger">Text</ion-label>

所以,这个问题不再存在了。