【angular】条件付きcssクラスの適用
条件付きのcssクラス
書き方
[class.クラス名]="条件"
使用例
[class.クラス名]="条件"
バリデータが成功したか失敗したかによってクラスを変更できる
html
<input formControlName="formOne"
[class.input-invalid]="formOne.invalid"
[class.input-valid]="formOne.valid">
<!-- formOneのバリデータが失敗したらinput-invalidのクラスが追加、
成功したらinput-validのクラスが追加される -->
+
<input formControlName="formTwo"
[class.input-invalid]="formTwo.invalid"
[class.input-valid]="formTwo.valid">
<!-- formTwoのバリデータが失敗したらinput-invalidのクラスが追加、
成功したらinput-validのクラスが追加される -->
Author And Source
この問題について(【angular】条件付きcssクラスの適用), 我々は、より多くの情報をここで見つけました https://qiita.com/adda_abw/items/e3174bd06912fd7d657b著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .