我有一个列表 <p>我想在我的 Angularjs 应用程序中设置 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
最佳答案
为此使用 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>
关于javascript - 使用 ng-click 将类添加到元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38401129/