一個可點擊的錶行中添加可點擊的元素

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-變化，叫

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

Answer 2

我相信<switch>處理程序應該停止事件傳播。嘗試從您的ng-change處理程序返回false。例如。

ng-change="enableProduct(); return false"