Я просматривал похожие вопросы в течение нескольких часов, но не придумал ничего, что точно соответствует. Я хочу, чтобы флажок был автоматически проверен посредством привязки данных к истинному/ложному значению в моих данных. Я могу получить имена элементов для загрузки без проблем, и я могу даже вытащить значения флажка позже для сохранения на сервер, но я не могу правильно загрузить начальные значения.
Здесь приведенный пример, который показывает фундаментальную проблему; HTML:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
<script src="shoppingListNg.js"></script>
<body ng-app>
<div ng-controller="ShoppingListCtrl">
<table>
<tr ng-repeat="item in shoppingList">
<td>
<div>{{item.text}}</div>
</td>
<td>
<input type="checkbox" ng-model="item.isGotten" />
</td>
</tr>
</table>
</div>
</body>
И вот Javascript:
function ShoppingListCtrl($scope) {
$scope.shoppingList = [
{
"text": "V8 fusion",
"isGotten": "true"
},
{
"text": "Whole milk container",
"isGotten": "false"
},
{
"text": "Protein bars",
"isGotten": "true"
}
];
};
Любая идея, почему я не могу установить эти флажки для оценки "истинных" и "ложных" значений в модели? При загрузке страницы они всегда отображаются непроверенными. Нужно ли использовать ng-check или другую директиву?