2017-05-17 33 views
2

我使用Ionic3,並且有:離子有條件類CSS

<span class="char-left">{{REVIEW_MAX_LENGTH-ratingModel.review.length}} characters left</span> 

我想有條件地改變class值填充另一個值時,即當ratingForm.controls.review.length > 0將值更改爲class="char-left-error"

我確實看過ng-class,但似乎無法使其工作。

任何幫助表示讚賞。

+1

,如果我做你應該在'NG-class' – devqon

+0

再看看'','char-left'類甚至沒有應用。 – Richard

回答

7

如果它只是一個單獨的類,你可以用

<span class="char-left" [class.char-left-error]="ratingForm.controls.review.length > 0"> 

嘗試使用ngClass它看起來像

<span class="char-left" [ngClass]="{'char-left-error' : ratingForm.controls.review.length > 0}"> 
+1

謝謝,這個作品,我會在8分鐘內將它標記爲答案。 – Richard