由嵌套複選框觸發的角tr-ngClick事件

Question

我有一個表格，每行有一個複選框。該錶行聽NG-點擊複選框以NG-變化：

<tr ng-repeat="box in boxList | box_expect:searchText" ng-click="openBox(box._id)"> 
    <td>...</td> 
    <td>...</td> 
    <td>...</td> 
    <td><input type="checkbox" ng-change="checkBoxChanged(id)" ...></td> 
</tr> 

每次我點擊複選框，我觸發錶行的NG-Click事件。

我將ng-click更改爲ng-doubleClick，但雙擊移動設備並不舒服。

我該如何解決這個問題？

Answer 1

您可以創建一個指令來停止點選事件在您的複選框（DEMO）上的傳播。

app.directive('noclick', [function() { 
    return { 
     restrict: 'A', 
     link: function link(scope, element, attrs) { 
     element.bind('click', function(e) { 
      e.stopPropagation(); 
     }); 
     } 
    } 
}]); 

並將其添加到您的複選框：

<input type="checkbox" ng-change="checkBoxChanged(id)" ng-model="loremIpsum" noclick>