如何在angularjs中實現下面的代碼？

$(document).on("click", ".toggle-row-handler", function(event) { 
      var $this = $(this), 
       parent = $this.closest("tr"); 
      $this.toggleClass("active"), parent.next().toggleClass("open") 
     })

如何在角度js中實現此代碼片段，因爲我必須在點擊css時切換。如何在angularjs中實現下面的代碼？

來源

2015-11-10 Roshni Deepti

給出你的問題陳述。你想實現什麼？ –

具有角，你可以聽使用NG-點擊指令HTML元素的點擊事件，並使用動態設置類納克級IE：

<table ng-click="triggerFunction()" ng-class="class"></i>

所以在控制器，你可以有一個函數你如何綁定元素的類變量真的取決於執行

$scope.changeClass = function(element){ 
      if (element .class === "inactive") 
      element.class = "active"; 
      element.parent.class = "open"; 
      else 
      element.class = "inactive"; 
      element.parent.class = "closed"; 
     };

現在：設置類變量。由於看起來你正在處理一個表格，也許你有一個存儲在這個表格中的數據，它使用ng-repeat設置來生成行。

這裏是這樣的假設想到的一個例子： https://jsfiddle.net/pWG2S/1050/

注：我的示例假設表將不會重新排列，並會一直顯示在排列順序。如果您要使用其他的Angular功能，例如允許更改或過濾訂單，則可能不再適合用例。（假設用例是要改變元素的類別和元素的正上方）。

來源

2015-11-10 14:25:13 barnesm999

如何在angularjs中實現下面的代碼？

回答

相關問題