2013-09-25 53 views
11

checked = "checked"を使用すると、ng-modelはデフォルトでラジオボタンが選択されないようにします。誰もがこれを引き起こす可能性があることを知っていますか?ng-model prevent checked = "checked"ラジオボタンをデフォルトで選択します

<input type="radio" name="unitMiles" checked="checked" id="unitMiles" value="Miles" ng-model="unit" ng-change='nextActivityStep(3)'> 
+3

あなたは 'ngChecked'を使ってみましたか? - http://docs.angularjs.org/api/ng.directive:ngChecked – tymeJV

+0

@tymeJV - これを答えてください。あたりです。 – Benmj

答えて

15

角に付属のngChecked指示文を使用する必要があります。

ドク:私は(執筆時点では)受け入れられた回答にコメントしたようhttp://docs.angularjs.org/api/ng.directive:ngChecked

+3

これは投稿後2年間で変更されている可能性がありますが、同じ要素に対してngCheckedとngModelを使用するのは一般的には行われません。これで、要素の値を制御するために2つのディレクティブが競合しました。ドキュメントはこれに対しても推奨しています(この答えのリンクを参照してください): "このディレクティブは、予期しない動作につながる可能性があるため、ngModelと一緒に使用しないでください。 –

5

あなたはあなたの入力の値(場合$scope.unit = "Miles")にモデルを設定したり、入力にng-checked="true"を使用することができます。

2

、ngCheckedとngModelディレクティブは、同じ要素で使用すべきではありません。

ngModelを使用している場合、入力のチェックされたステータスはモデルの反映に過ぎません。デフォルトでラジオ入力をtrueに設定するには、それに応じてモデルを設定するだけです。値が'miles'で、モデルがunitsであり、これらは、スコープの変数であり、あなたは関連するコントローラ(または場所)に$scope.units = 'miles'の線に沿って何かをするだろうと仮定するとOPからのコードを使用して

関連する問題