angularjs如何使用class
时间: 2024-05-13 11:17:37 浏览: 173
angularjs ng-class
在 AngularJS 中,可以使用 `ng-class` 指令来动态绑定 CSS 类。 `ng-class` 指令可以通过表达式计算出一个或多个 CSS 类名,并将它们添加到元素上。
以下是一个示例:
```html
<div ng-class="{ 'my-class': isActive }">Hello World</div>
```
在上面的代码中,`ng-class` 指令使用了一个对象字面量作为参数,该对象包含一个名为 `my-class` 的 CSS 类名,并且只有在 `isActive` 变量的值为 `true` 时才会应用该类。
除了对象字面量,`ng-class` 还支持字符串、数组等方式来动态绑定 CSS 类。例如:
```html
<div ng-class="[ 'my-class', isActive ? 'active' : '' ]">Hello World</div>
```
在上面的代码中,`ng-class` 指令使用了一个数组作为参数,数组中包含每个要应用的 CSS 类名。在这个例子中,`my-class` 类名是固定的,而 `active` 类名只有在 `isActive` 变量的值为 `true` 时才会应用。
希望这可以帮助你了解如何在 AngularJS 中使用 CSS 类。
阅读全文