採用NG-點擊

我有我的Angularjs器件的應用<p>標籤，我想設置時，它們中的任何使用ng-click指令採用NG-點擊

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

我選擇上active類列表中添加類元素讀過切換活動類的最佳方法之一就是將每個適用對象推送到數組中，並通過數組索引設置類;是他們使用html元素做到這一點的更簡單的方法？

注*這些段落將被動態地呈現給DOM作爲一個AJAX請求

來源

2016-07-15 Kurai Bankusu

此代碼的結果似乎不完全瞭解你的情況下..你能分享可執行的演示/片段或[JSFiddle]（https://jsfiddle.net/）？ [_創建一個最小，完整和可驗證的示例_]（http://stackoverflow.com/help/mcve） – Rayon

正如@Rayon所述，我們需要知道上下文以便提供幫助。例如這些段落是在ngRepeat中生成的？ –

[AngularJs toggle ng-class ng-click]可能的重複（http://stackoverflow.com/questions/22071984/angularjs-toggle-ng-class-ng-click） – Kld

使用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>

來源

2016-07-15 16:50:52

這個作品完全謝謝你 –

快樂是我的：） –

回答

相關問題