Question

我想在调用showPending函数时动态更改类名。我不知道如何通过angular js实现这一目标。

<li data-match-route="pending" ng-class='menuactive'><a href="javascript:void(0)" ng-click="showPending()" >Pending</a></li>

Answer 1

您可以指定应该使用表达式应用哪个类，如文档中所述; AngularJS: API: ngClass

<li data-match-route="pending"
    ng-class="{menuactive: expression}">
      <a href="javascript:void(0)" ng-click="showPending()" >Pending</a>
</li>

在showPending函数中的控制器中设置expression，css类将相应更新。

Answer 2

您可以使用ng-class指令。在你的被调用的函数中，设置一个名为＆＃34; value＆＃34;的表达式。如果是真或假，您将在ng-class中使用，如下例所示。

    <li data-match-route="pending" ng-class="{menuactive:value}">
<a href="javascript:void(0)" ng-click="showPending()" >Pending</a></li>

如何在Angular JS中动态更改类的内容？

2 个答案: