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

How to dynamically change content of the classin an Angular JS?

本文关键字：动态 Angular JS      更新时间：2023-09-26

我试图动态地更改showPending函数调用时的类名。我不知道如何通过angular js实现这一点。

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

你可以用表达式指定应该应用哪个类，如文档中所解释的;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类将相应地更新。

你可以使用ng-class指令。在你被调用的函数中设置一个名为"value"的表达式为真或假，你将在ng-class中使用它，如下面的例子所示。

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