$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();"
就可解决上述问题。