2017-05-17 2 views
2

ich Ionic3 benutze und haben:Ionic bedingte Klasse css

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

ich bedingt den class Wert ändern möchten, wenn ein anderer Wert gefüllt wird, das heißt, wenn ratingForm.controls.review.length > 0 die Werte zu class="char-left-error" ändern.

Ich habe mir ng-class angesehen, aber es scheint nicht zu funktionieren.

Jede Hilfe wird geschätzt.

+1

Sie sollten noch einen Blick auf 'ng-CLASS' – devqon

+0

, wenn ich tun '', die Klasse 'char-left' wird nicht einmal angewendet. – Richard

Antwort

7

Wenn es nur eine einzige Klasse ist, können Sie versuchen, mit

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

Durch ngClass Verwendung es wie

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

Danke, das funktioniert, ich werde dies als die Antwort in 8 Minuten markieren, wenn es mich lässt. – Richard