在ngClass中使用范围变量和动态css

时间:2014-08-15 13:18:40

标签: css angularjs angularjs-scope ng-class

我想使用范围变量,并在html中动态设置css。

<div ng-class="myClassScope, { 'dynamic-class': !ifIsNot }">

2 个答案:

答案 0 :(得分:2)

你的myClassScope一直是应用的,用这种方式使用ng-class:

<div class="myClassScope" ng-class="{'dynamic-class': !ifIsNot }">

答案 1 :(得分:2)

这是你想要的吗?

<div ng-class="{ 'dynamic-class': !myClassScope }">

修改

如果你想使用多个ng-class指令,它就不会起作用。见fiddle

为了使用两个ng-class指令,您可以嵌套元素,或者可以绑定到class属性:

<div ng-class="test_one">
    <div ng-class="{ 'test_two': !test_two }">test_two</div>
</div>
<div class="{{test_one}}" ng-class="{ 'test_two': !test_two }">test_three</div>