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">

Answer 2

import PropTypes from 'prop-types'必须是变量，你已经提到过它。

emptyFields

working example

我暂时删除了formContrlName