如何將重複的單選按鈕映射到Angular控制器模型上的數組？

Question

例如，我有一個名爲'houses'的數組屬性的控制器，我是ng-repeat-在具有單選按鈕組（真/假，或您有什麼）的錶行上。模型應該放在這些單選按鈕上，以便選擇它們中的任何一個將在模型數組中的相應項目上設置值？我試着將模型設置爲如下形式：

ng-model="array[{{$index}}]" 

但是這並沒有奏效。我拿出{{ }}並且簡單地留下了字符串'$ index'。

這是甚至可能在Angular中嗎？

Answer 1

應該沒有卷邊支架工作。我做了一個Plunker。

$scope.houses = [true, false, true, false, false]; 

<ul> 
    <li ng-repeat="house in houses"> 
    Checked: <input type="checkbox" ng-model="houses[$index]" /> 
    </li> 
</ul> 

{{houses}} 

，如果你有一個複雜的對象，我不明白要設置其屬性（即。如果是這種情況，應該比你只需要使用迭代器（即ng-model="house.checked"），如house將遍歷每個對象數組

Answer 2

實際上，有一個issue開放這個特定的情況。看來這是不可能的，由於ng-repeat，單選按鈕有其自己的範圍。

有使用checked屬性的替代解決方案：see code