angular - ngClass 没有得到应用

Question

我必须根据 var 值将 css 样式应用于输入

HTML

 <input class="defaultInput" [ngClass]="{'inputerror':'emptyFields'}" formControlName="idAnnuaire" placeholder="Ex: c20011">

CSS

.inputerror {
    border: 1px solid red;
}

Emtyfields 很好地从 false 更改为 true，但 ``.inputerror` 未应用于输入

Answer 1

您需要指定不带单引号的 emptyFields 属性，即 [ngClass]="{'inputerror':emptyFields}"。

将您的模板代码更改为以下内容:

<input class="defaultInput" 
       [ngClass]="{'inputerror':emptyFields}"
       formControlName="idAnnuaire" 
       placeholder="Ex: c20011">