javascript - 在可点击表格行中添加可点击元素

Question

假设我有一个表格行，其中有一个可点击元素:

  <tr ng-repeat="product in products" onclick="showProductDetail()">
      <td>{{product.id}}</td>
      <td>{{product.title}}</td>
      <td>{{product.price}}</td>
      <td>
        <switch id="enabled" name="enabled" ng-model="product.enabled" ng-change="enableProduct()"></switch>
      </td>
  </tr>

我正在使用Angular UI Switch但对于任何可点击元素来说，问题都是一样的。

如何使该行可点击但隔离开关的行为？目前它试图同时做到这两点，导致行为不稳定。我知道我可以使除最后一个单元格之外的每个单元格都可点击，但是有更干净的方法吗？

Answer 1

如果德米特里的回答不起作用。

尝试使用 enableProduct($event) 调用 ng-change

并在该函数中调用

function enableProduct($event) {
   $event.stopPropagation();
   ...
}