更改angularjs的ng-click中的元素类

发布时间：2020-12-17 06:50:38 所属栏目：安全来源：网络整理

导读：我有由ng：repeat创建的html元素.我需要在所有其他元素的ng-click中更改“active”类,并且需要在事件发生的特定元素中添加类. ul class="paginate" li ng-repeat="value in pageList" a ng-class="{active : $first,item : true}" ng-click="clickedPage(val

我有由ng：repeat创建的html元素.我需要在所有其他元素的ng-click中更改“active”类,并且需要在事件发生的特定元素中添加类.

<ul class="paginate">
   <li ng-repeat="value in pageList">
       <a ng-class="{active : $first,item : true}"  ng-click="clickedPage(value)">{{value}}</a>
  </li>
</ul>

这里首先< a>有’积极’的课程.我需要从< a>中删除“有效”类如果我在< a>中点击,则需要添加相同的类没有“活跃”的课程.

解决方法

试试这样：

$scope.activeValue;
$scope.clickedPage = function(value){
    $scope.activeValue = value;
    // other oeprations
};

HTML：

<a ng-class="{active : activeValue === value}"  ng-click="clickedPage(value)">
    {{value}}
</a>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!