单击标签事件时，在 angularjs 中触发两次

Question

这是HTML代码：

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

在我的角度控制器中：

$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

您的函数触发了两次，因为copyRec()在您的标签和输入（复选框）上调用。

我建议仅将ng-click移至input：

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