2016-04-09 18 views
0

"primary"、 "secondary"、 "danger"などの値を持つ文字列プロパティがあります。 (これは動作しません)Ionic2でラベルの色を動的に変更

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

しかし、私はラベルと同じことを行うことができないです:私はこの方法でバッジにそれを結合することが可能だ

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

がどのように結合することができますそれは色を変えるので、ラベルに私のプロパティ?

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

おそらく[ngClass]ディレクティブで実行できますか? –

+0

<イオンラベル[ngClass] = "{{product.colorStock}}">テキストを意味する場合、機能しません。ありがとう –

答えて

0

それは、 "色" タグを導入し、Ionic2フレームワーク自体によって解決された:

は、私は、これは動作するはずだと思うあなた

0

ありがとうございます。現在、ラベルsintaxは:

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

です。問題はもう存在しません。

+0

テキストにコンパイルされているので、緑色で表示されません。私はにコンパイルするものを探しています> Text。ありがとう –

関連する問題