当我只需要在其中单击 Checkbox 时如何不触发 TR 的 ng-click

Question

我有这个 ng-click on a Table Row 这会打开一个模式。

<tr ng-repeat="cpPortfolioItem in cpPortfolioTitles"
            ng-click="viewIndividualDetailsByTitle(cpPortfolioItem)">

现在我在 Table 行

内的复选框上点击了这个

<input type="checkbox" ng-click="selectTitle($index)">

当我点击复选框时，模态打开并执行ng-click on the checkbox的功能。如何防止模式打开？

Answer 1

你必须停止活动 propagation

这样试试

<input type="checkbox" ng-click="selectTitle($index);$event.stopPropagation()">

或者可以这样使用

<input type="checkbox" ng-click="selectTitle($index,$event);">
$scope.selectTitle=function($index,$event){
  $event.stopPropagation()
}

How not to trigger ng-click of TR when I only need the ng-click of Checkbox inside of it