css - 在输入元素上有条件地应用 css 类

标签 css angularjs

我有一个输入字段,我想在其中有条件地应用 CSS 类。

例如,如果 firstName == undefined 应用 CSS class ng-dirty。所以,我试过了

<input required [(ngModel)]="customer.firstName" name="firstName"           
       type="text" minlength="2" maxlength="50" ng-class="{ng-dirty : customer.firstName === undefined}"> 

然而那是行不通的。

最佳答案

如果你使用的是 Angular 2/Angular 4,下面是 NgClass 的条件语法

<some-element [ngClass]="{'first': true, 'second': true, 'third': false}">...</some-element>

如果您使用的是 angularJs(即 angular 1.x),请在下面使用

<some-element ng-class="{'fist' : true, 'second': true}">...</some-element>

Official Docs for Angular4 [NgClass]

Official DOcs for AngularJS ng-class

希望这有帮助:)

关于css - 在输入元素上有条件地应用 css 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47138215/

相关文章:

javascript - AngularJS路由语法错误非法字符

javascript - 在 ng-repeat 循环中使用单选按钮似乎会使模型混淆

angularjs - Dropzone.js - 分块文件上传

css - 使用单个 Controller 控制两个 Partials 时不加载 Angular css 文件

html - 按钮的 Bootstrap 居中不起作用

javascript - 如何在angular js中将给定值附加到数组中

jquery - 如何溢出文本来做到这一点

css - 使用 SASS for 循环定义变量颜色

javascript - 在 toggleclass 上添加淡入效果?

php - 页面加载 - 白色 "flash"页面之间