[解決済み] AngularJS: ng-modelがチェックボックスのng-checkedにバインドされない。

質問

この質問をする前に、こちらを参考にさせていただきました。

AngularJsでng-checkedとng-modelがバインドされない。

もし ng-checked が評価されると true に評価されます。 html 側では ng-model が更新されない。できないのは ng-repeat 私はそれぞれのチェックボックスにいくつかのスタイルを使用する必要があるため、上記の質問で提案されたように。

私の問題を説明するために作成したプランカーは次のとおりです。

http://plnkr.co/edit/YsOsPh3vjkPMUUDa6r2t

私が欲しいものを見るには、コンソールを開いて、単に Submit ボタンをクリックしてください。チェックボックスには何もチェックを入れないでください。

ありがとうございました。

どのように解決するのですか？

ngModel そして ngChecked は一緒に使うものではありません。

ngChecked は式を期待しているので ng-checked="true" と書くと、基本的にチェックボックスが常にデフォルトでチェックされることを意味します。

を使用すればいいはずです。 ngModel を使えばいいはずです。 それ以外のものが必要な場合は ngTrueValue と ngFalseValue (現在は文字列のみをサポートしています)、 あるいは独自のディレクティブを書きます。

あなたがやろうとしていることは正確には何ですか？ もし、最初のチェックボックスをデフォルトでチェックさせたいだけなら、モデルを変更する必要があります。 item1: true, .

編集: モデルの現在の状態をデバッグするためにフォームを送信する必要はありません。 {{testModel}} をHTMLに埋め込むだけです(あるいは <pre>{{testModel|json}}</pre> ). また ngModel 属性は次のように単純化することができます ng-model="testModel.item1" .

http://plnkr.co/edit/HtdOok8aieBjT5GFZOb3?p=preview