时间戳

首页 > 解决方案 > ngClass 没有被应用

angular - ngClass 没有被应用

问题描述

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

HTML

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

CSS 

.inputerror {
    border: 1px solid red;
}

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

标签： angular

解决方案

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

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

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

推荐阅读