javascript - 将复选框绑定(bind)到 AngularJs 中的对象值

Question

问题在于将复选框的状态(选中/未选中)绑定(bind)到对象值。

HTML:

<div ng:controller="Ctrl"> 
   <div ng:repeat="(letter, number) in obj">
     {{letter}} and {{number}}
     <input type="checkbox" ng:model="obj[letter]">
</div>    

Controller :

function Ctrl() {
    this.obj = {a:true,b:true};    
};​

当第一个复选框被点击时，它会影响第二个复选框的状态，但模型是正确的，所以 obj 变为 {a:false, b:true}。

例子可以在 http://jsfiddle.net/alexpetrov/tRxzr/

如何解决这个问题？

Answer 1

将 ng-repeat 绑定(bind)到对象而不是原始类型。

function Ctrl() {
    this.obj = [{id: 'a', checked: true}, {id: 'b', checked: true}];
}

http://jsfiddle.net/tRxzr/1/

绑定(bind)到原始类型会混淆 ng-repeat，这是一个错误: https://github.com/angular/angular.js/issues/933