点击标签事件时会在angularjs中触发两次

Question

这是HTML代码：

<label for="like" ng-click="copyRec()">
    <input type="checkbox" id="like" value="val"/>
    Click
</label>

在我的Angular控制器中：

$scope.copyRec = function() {
    console.log("inside");
};

点击它的两次射击。任何人都可以帮助我解决这个问题吗？

Answer 1

HTML代码中的

<input type="checkbox" ng-click="copyRec()" id="like" value="val"/>
<label for="like" >Click</label>

Answer 2

您的功能正在触发两次，因为标签 上的ng-click和输入 >（复选框）。

我建议仅将input移至<label for="like"> <input type="checkbox" id="like" value="val" ng-click="copyRec()"/> Click </label> ：

i