ng-class中的条件不起作用

Question

AngularJS

我有基于我在动态地存储值并在html角度表达式中进行评估但仍无法正常工作的条件应用类的方案

<li role="presentation" style="width:200px" ng-class="{active: true, inactive: false}[{{vm.$rootScope.currentPage}}==1]"><a href="#/create">Create</a></li>

在检查元素中，如果我检查，我可以看到1 == 1但仍然没有活动，如果我删除{{vm。$ rootScope.currentPage}}并放置1它正在工作

我也尝试了这个

<li role="presentation" style="width:200px" ng-class="{'active':2=={{vm.$rootScope.currentPage}} }"><a href="#/include">include</a></li>

同样的事情我也可以看到2 == 2但仍然没有激活，如果Istatically放置2 == 2它正在工作

Answer 1

你写错了，这样做：

ng-class="{'active': true, 'inactive': false}

首先是类名，然后是条件。

为此：

ng-class="{'active': 2 === vm.$rootScope.currentPage}"

内部没有额外的括号，因为它已经是一个表达式。