NG-模式转变checked属性

Question

我做了简单的复选框列表的元素，如后不更新：

<li> 
    <a href="#"> 
     <label class="checkbox"> 
     <input type="checkbox" ng-model="value1" />Aaaaa 
     </label> 
    </a> 
    </li> 

也有jQuery脚本时复选框被选中，反之亦然它集.prop("checked")，突出行当用户点击<a>（靠近项目的边框）时。问题是，我不知道为什么ng-model没有更新模型时点击<a>

这里是样本。要重现问题，请单击文本（这是正常的），然后单击靠近项目的边框。 http://plnkr.co/edit/sStCMaBaU1SsQ7hukfaZ?p=preview

Answer 1

你可以使用ng-click指令来解决这个问题。 我改变你的代码：

<li> 
    <a href="#" ng-click="ChangeCheckBox"> 
     <label class="checkbox"> 
     <input type="checkbox" ng-model="value1" />Aaaaa 
     </label> 
    </a> 
    </li> 

，并在你的控制器：

$scope.ChangeCheckBox = function(){ 
var t = $scope.value1; 
$scope.value1 = !t; 
}