Question

我的Angularjs应用程序中有<p>个标签列表，我希望在使用active指令选择其中任何一个时设置ng-click类

<p ng-click="setActive()">Paragraph 1</p>
<p ng-click="setActive()">Paragraph 2</p>
<p ng-click="setActive()">Paragraph 3</p>

我已经阅读了切换活动类的最佳方法之一是将每个适用的对象推送到一个数组中，并按数组索引设置类;使用html元素是一种更简单的方法吗？

注意*这些段落将作为AJAX请求的结果动态呈现给DOM

Answer 1

对此

使用ngClass指令

  $scope.setActive = function(currentEl){
    $scope.currentEl = currentEl;
  };
<p ng-class="{ 'active' : currentEl == 'p1' }" ng-click="setActive('p1')">Paragraph 1</p>
<p ng-class="{ 'active' : currentEl == 'p2' }" ng-click="setActive('p2')">Paragraph 2</p>
<p ng-class="{ 'active' : currentEl == 'p3' }" ng-click="setActive('p3')">Paragraph 3</p>

使用ng-click向元素添加类

1 个答案: