web-dev-qa-db-ja.com

Ionic条件付きクラスcss

Ionic3を使用していますが、次のものがあります。

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

別の値が入力されたとき、つまりratingForm.controls.review.length > 0がclass="char-left-error"に値を変更したときに、条件付きでclass値を変更したいと思います。

私は ng-class を見ましたが、動作するようには見えません。

任意の助けに感謝します。

angulartypescriptionic-frameworkionic2ionic3
11
Richard

それが単一のクラスである場合、あなたは試してみることができます

<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}">
24
sebaferreras