AngularJs禁止冒泡事件

$event.stopPropagation();

今天看见一个比较恶心的需求，就是点击表格的 <tr> 第一格的 <input type="checkbox"> 选中，问题来了， 不知情的情况下去点击<input type="checkbox">会发现无法选中。

<tr ng-repeat="item in myProductList" ng-click="item.selectedStatus = !item.selectedStatus">
    <td class="vertical-m">
        <input type="checkbox" ng-model="item.selectedStatus">
    </td>
</tr>

不是点击不起效果，而是由于事件的传递导致 item.selectedStatus = !item.selectedStatus 执行了两次，因此相当于 item.selectedStatus 的值没有变动，所以只有禁止掉事件传递就可避免此问题。

在需要禁止元素上加上 ng-click="$event.stopPropagation();"就可解决上述问题。