私は数時間同様の質問を閲覧しましたが、完全に一致するものは見つかっていません。私がしたいのは、自分のデータの真偽値へのデータバインディングを介してチェックボックスを自動的にチェックすることです。アイテム名を取得しても問題はありません。チェックボックスの値を後でサーバーに保存することもできますが、初期値を正しく読み込むことができません。データモデル内のブール値にバインドするチェックボックスを取得するにはどうすればよいですか?
ここには根本的な問題を示す縮小例があります。 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-checkedまたは別のディレクティブを使用する必要がありますか?
これはラジオボタンでは機能しませんが、ラジオボタンの操作方法は分かりますか – Xvegas