ng-class 的使用
时间: 2023-09-16 19:13:35 浏览: 80
angularjs ng-class
`ng-class` 是 AngularJS 框架中的一个指令,用于动态设置元素的 CSS 类。其语法如下:
```html
<element ng-class="{class1: condition1, class2: condition2, ...}"></element>
```
其中,`{class1: condition1, class2: condition2, ...}` 是一个对象,键名为要添加的 CSS 类名,键值为一个表达式,当表达式的值为真时,相应的 CSS 类就会被添加到元素上。
比如,我们可以根据某个变量的值来动态设置一个按钮的样式:
```html
<button ng-class="{active: isActive}">Click me</button>
```
当 `isActive` 变量的值为真时,按钮就会添加 `active` 类,从而应用相应的样式。
我们还可以在对象中使用多个条件,以及使用三元运算符等复杂的表达式,实现更加灵活的样式控制。
阅读全文