如何防止ng-click在标签上触发两次？ [英] How to prevent ng-click's triggering twice on label tag?

问题描述

Agnular的ng-click会触发两次，当我点击其中有输入的标签时。我试过 $ event.stopPropagation（）; 但没有用，如何解决这个问题：？

我也检查过这个问题：
标签上的Angular.js ng-click事件触发两次

 < div class =list-group -itemng-repeat =model.data中的项目> 
< form role =formname =selectFormnovalidate> 
< label ng-click =$ event.stopPropagation（）; updateSelected（）;> 
< input type =checkboxng-model =chechkedSkins [item.id]/> 
< span> {{item.name}}< / span> 
< / label> 
< / form> 
< / div> 
  

解决方案使用 ng-change = updateSelected

仅在输入中使用它，因为即使您单击标签，也会触发更改。

Agnular's ng-click triggers twice when i click label which has input inside in it. I've tried $event.stopPropagation(); but didn't work, how to solve this :?

I've checked this question also: Angular.js ng-click events on labels are firing twice

<div class="list-group-item" ng-repeat="item in model.data">
  <form role="form" name="selectForm" novalidate>
    <label ng-click="$event.stopPropagation(); updateSelected();">
      <input type="checkbox" ng-model="chechkedSkins[item.id]" />
      <span>{{item.name}}</span>
    </label>
  </form>
</div>

解决方案

Use ng-change="updateSelected"

Use this only on the input since the change is triggered even if you click the label.

这篇关于如何防止ng-click在标签上触发两次？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！