当我只需要点击其中的Checkbox单击时，如何不触发TR的单击

Question

我在表行上点击这个按钮，打开一个模态。

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

现在我点击表格行中的复选框

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

当我点击复选框时，模态打开，并且它还执行ng-单击复选框的功能。如何防止模态打开？

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()
}