javascript - 嵌套的 ng-click

Question

<div ng-repeat='employee in filteredStaff ' ng-click="describeEmployee(employee)" >
    <div class="gridNameTd">
        <div ng-click="addTeamMember(employee)">{{getEmployeeByName(employee.name).name}} </div>
    </div>
 </div>

那是我的代码的一部分。都调用了“ng-click”。我只需要内部 ng-click="addTeamMember(employee)。 如何处理？

Answer 1

您需要让事件不通过 DOM 树向上冒泡。在您点击时，您甚至可以传递事件并告诉它不要使用 $event.stopPropagation

将其传递到链中

这是一个有效的 plunker:http://plnkr.co/edit/OjiFIjCEQ7jDG2owm33D?p=preview

例子:

在你的 Controller 中:

$scope.addTeamMember = function($event, employee) {
  $event.stopPropagation();
  // do stuff....
}

在您的 HTML 中:

<div ng-repeat='employee in filteredStaff ' ng-click="describeEmployee(employee)" >
  <div class="gridNameTd">
    <div ng-click="addTeamMember($event, employee)">{{getEmployeeByName(employee.name).name}} </div>
  </div>
</div>