Учитывая следующий код, используя angular.js
Plunkr здесь: http://plnkr.co/edit/i4MAzs
HTML:
<form name="myForm" ng-controller="Ctrl">
Try clicking on the labels. <br/>
<label>
Value1: <input type="checkbox" ng-checked='value1' ng-click='toggleValue1()'>
</label> <br/>
<label ng-click='toggleValue2()'>
Value2: <input type="checkbox" ng-checked="value2">
</label> <br/>
<tt>value1 = {{value1}}</tt><br/>
<tt>value2 = {{value2}}</tt><br/>
<tt>fire_count = {{fire_count}}</tt>
</form>
JavaScript:
angular.module('App', []);
function Ctrl($scope) {
$scope.value1 = true;
$scope.value2 = 'YES'
$scope.fire_count = 0;
$scope.toggleValue1 = function(){
$scope.value1 = !$scope.value1;
$scope.fire_count++;
console.log("Clicked!");
}
$scope.toggleValue2 = function(){
$scope.value2 = !$scope.value2;
$scope.fire_count++;
console.log("Clicked!");
}
}
Событие клика будет срабатывать дважды, когда вы нажмете на метку "Value2". Это происходит только при прикреплении ng-click к метке. Когда он прикреплен к входному элементу, все работает так, как ожидалось.
Может кто-нибудь объяснить, что происходит?