如何在AngularJS中使用ng-model獲取復選框值（由用戶檢查）

Question

嘗試實現Checkbox功能時，我無法獲得用戶選擇的復選框。 怎么做？ 以下是我的HTML代碼段：

<td>
                <table border="0"><th>Tier</th>
                <tr ng-repeat="item in tiertype">             
                    <td>
                    <label class="checkbox" for="{{item.id}}">
                    <input type="checkbox" ng-model="selection.ids[item.id]" name="tier_class" ng-checked="item.checked" id="{{item.id}}"/>{{item.name}}
                    </label>
                    </td></tr></table>
            </td>

以下是我的JavaScript代碼段：

$scope.tiertype = [ 
                       { id: 1, name: "All", checked: true}, 
                       { id: 2, name: "Standard", checked: false },
                       { id: 3, name: "Unreserved", checked: false },
                       { id: 3, name: "Reserved", checked: false },
                       { id: 4, name: "General", checked: false }
                       ];

我無法使用“復選框值= {{selection.ids}}”獲得正確的值。 此外，在檢查任何復選框時，所有復選框或ID為1的復選框均被選中（默認）。 對我來說似乎很奇怪，無法弄清楚。 我在哪里出錯了，因為我在AngularJS中沒有很多經驗。

Answer 1

只需將復選框ng-model設置為檢查的布爾值即可。 IE：ng-model =“ item.checked”