Angular将动态类应用于已存在的DOM元素

时间:2014-08-20 09:46:46

标签: angularjs

我有一个元素:

<div class="wrapper" > ... </div>

我知道我可以使用angular来有条件地应用一个类:

<div ng-class="{'wrapper-big': style.big}" > ... </div>

但是我想保留一个静态类并使用angular添加'big'。 期望的输出:

<div class="wrapper big" > ... </div>

所以课程big是我想要有条件地添加的。

2 个答案:

答案 0 :(得分:1)

您可以一起使用class和ng-class属性。

<div class="wrapper" ng-class="{'big': /*CONDITION*/}" > ... </div>

答案 1 :(得分:0)

使用ng-class的数组语法。

e.g.
<div ng-class="[style1, style2, style3]" > ... </div>

以下是一个示例 - https://docs.angularjs.org/api/ng/directive/ngClass