將複選框綁定到AngularJs中的對象值

Question

問題在於將複選框（選中/未選中）的狀態綁定到對象值。

HTML：

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

控制器：

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

當單擊第一個複選框，它會影響第二個複選框的狀態，但該模型是正確的，所以obj變成{a：false，b：true}。

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

找到如何解決這一問題？

Answer 1

將ng-repeat綁定到對象而不是基元類型。

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

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

綁定到原始類型混淆NG重複，這是一個錯誤： https://github.com/angular/angular.js/issues/933

Answer 2

當JSON是不完全在你的控制，你會得到一個基本數組，而不是一個對象。你想要做同樣的重複。

將ng-repeats複選框綁定到基本數組並獲取選定的項目。在這裏看到plunker代碼。

http://plnkr.co/edit/i6IiGY42h8CiOMaqT9SZ?p=preview