如何使用AngularJS在行中添加單擊和雙擊控件？

Question

如果我有AngularJS HTML，它會創建一個像這樣的表 ：

<tbody>
   <tr data-ng-repeat="row in grid.data">
      <td>{{ row.id }}</td>
      <td>{{ row.text }}</td>
   </tr>
</tbody>

我該如何添加功能，以使單擊某一行僅使該行突出顯示，而單擊兩次則調用具有row.id的函數？ 有沒有做到這一點的AngularJS方式，還是我必須使用jQuery ？ 我懷疑這樣做的唯一方法是使用jQuery但覺得我應該首先作為AngularJS問題提出。

謝謝

Answer 1

我在Jquery的網站上找到以下內容：

“不建議將處理程序綁定到同一元素的click和dblclick事件。觸發的事件順序因瀏覽器而異，有些事件在dblclick之前收到兩個click事件，而其他事件只有一個。 ”

最好找到另一種方法來實現它，例如使用鼠標懸停和click事件聚集，而不是單擊和雙擊聚集。

Answer 2

最好的去處可能是先去那里：

使用AngularJS處理同一元素上的ng-click和ng-dblclick

為了處理單擊和雙擊問題。 看這里： http : //plnkr.co/edit/on260PrRZ5mZqHOK6NXW?p=preview

Answer 3

Angular本身具有內置的[ng-click][1]指令。

我會考慮使用此。 但是，我想您將必須自己構建雙擊功能。

這應該非常簡單，並且可以與ng-click觸發功能結合使用。 只需等待x秒即可確定用戶是否進行了2次點擊。

編輯：Mea culpa，我對ngdblclick一無所知