私はこの質問をする前にこれを参照しました。
AngularJsはngをバインドしません-ng-modelでチェック
側でng-checked評価さtrueれた場合html、ng-modelは更新されません。ng-repeatチェックボックスごとにスタイルを使用する必要があるため、上記の質問で提案されているようにできません。
これが私の問題を説明するために作成したプランカーです。
http://plnkr.co/edit/YsOsPh3vjkPMUUDa6r2t
欲しいものを見るには、コンソールを開いてSubmitボタンをクリックしてください。チェックボックスはチェックしないでください。
前もって感謝します！
回答:
ngModelそして、ngChecked一緒に使用することを意味するものではありません。
ngCheckedは式を期待しているので、とng-checked="true"言うことで、基本的にチェックボックスはデフォルトで常にチェックされていると言っています。
ngModelモデルのブールプロパティに関連付けられた、を使用できるはずです。他のものが必要な場合はngTrueValue、and ngFalseValue（現在は文字列のみをサポート）を使用するか、独自のディレクティブを作成する必要があります。
あなたがやろうとしているのは正確には何ですか？デフォルトで最初のチェックボックスをオンにするだけの場合は、モデルを変更する必要があります- item1: true,。
編集：モデルの現在の状態をデバッグするためにフォームを送信する必要はありません。ところで、{{testModel}}HTML（または<pre>{{testModel|json}}</pre>）にダンプするだけです。また、ngModel属性をに簡略化することもできますng-model="testModel.item1"。
ngChecked。モデルは問題ありませんtestModel.item1 = true。ajaxコールバックを設定してから、呼び出し$scope.$apply()てビューを更新するだけです。
ng-checked代わりに使用するという間違いを犯しただけng-modelです...二度と！
ng-initでも真になると宣言できます
<!doctype html>
<html ng-app="plunker" >
<head>
<meta charset="utf-8">
<title>AngularJS Plunker</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl" ng-init="testModel['item1']= true">
<label><input type="checkbox" name="test" ng-model="testModel['item1']" /> Testing</label><br />
<label><input type="checkbox" name="test" ng-model="testModel['item2']" /> Testing 2</label><br />
<label><input type="checkbox" name="test" ng-model="testModel['item3']" /> Testing 3</label><br />
<input type="button" ng-click="submit()" value="Submit" />
</body>
</html>
そして、あなたは最初のものとここにも示されているオブジェクトを選択することができますtrue、false、flase
ngInit。このディレクティブを悪用して、テンプレートに不要な量のロジックを追加することができます。参照してくださいAngularJS NG-initを指令APIリファレンスを。
ng-modelng-checkedドキュメントから：
ngChecked
内部の式
ngCheckedがtrueの場合、要素にchecked属性を設定します。このディレクティブは
ngModel、予期しない動作につながる可能性があるため、と一緒に使用しないでください。
代わりに、コントローラーから目的の初期値を設定します。
<input type="checkbox" name="test" ng-model="testModel['item1']" ̶n̶g̶-̶c̶h̶e̶c̶k̶e̶d̶=̶"̶t̶r̶u̶e̶"̶ />
Testing<br />
<input type="checkbox" name="test" ng-model="testModel['item2']" /> Testing 2<br />
<input type="checkbox" name="test" ng-model="testModel['item3']" /> Testing 3<br />
<input type="button" ng-click="submit()" value="Submit" />
$scope.testModel = { item1: true };
ng-checkedを使用する場合は必要ありませんng-model。HTMLフォームでCRUDを実行している場合CREATEはEDIT、データバインディング中にモードと一致するモードのモデルを作成するだけです。
$scope.dataModel = {
isItemSelected: true,
isApproved: true,
somethingElse: "Your default value"
}
$scope.dataModel = getFromDatabaseWithSameStructure()
次にEDIT、CREATEモードにng-model関係なく、データベースと同期するためにを一貫して利用できます。
ng-checked式によってtrueに計算されます。ng-modelリンクされていないことを示すために、そこでtrueを使用しました。コントローラを起動するときに、すべてのチェックボックスをオフにします。いくつかのajaxリクエストの後ng-checked、チェックボックスをチェックするためにを計算します。これは私のng-modelが更新されていないときです。