Angular ng-class不起作用

时间:2016-02-09 17:06:39

标签: javascript angularjs

我有以下HTML,我正在尝试使用ng-class打印一个类到该框,但它似乎不起作用。我做错了什么?

http://plnkr.co/edit/5KqnetMmq5DPe1Dm2ecc?p=preview

   <div ng-controller="myObject">
        <a href="javascript:void(0)" ng-click="updateClass()">{{ type ? 'One' : 'Two' }}</a>

        <div class="box" ng-class="{{ type ? 'one' : 'two' }}"></div>
    </div>

2 个答案:

答案 0 :(得分:4)

ng-class会对其进行评估。您不需要{{}}

<div class="box" ng-class=" type ? 'one' : 'two' "></div>

答案 1 :(得分:0)

ng-class作为属性:

ng-class="expression"

ng-class作为css:

class="ng-class: expression;"

您不需要在ng-class中编写表达式 有关详细信息,请阅读ngClass