2017-05-09 9 views
2

私はこの資料に続いて角度素材2のラジオボタンを作成しています:https://material.angular.io/components/component/radioデフォルトのラジオボタンの選択値の角度の材料2

私が直面している問題は、ラジオボタンにデフォルトの選択値Noを設定することです。プランナーに表示されている場合は、https://plnkr.co/edit/jdRxVLdSfFqR4XOdpyUN?p=previewが選択されていません。ページが読み込まれるとき、私はデフォルト値がNoであることを望むでしょう。

答えて

4

あなたはそうのような、checkedを使用することができます:あなたの値が値falseの文字列を持っているとして、我々は、代わりにfalseの、文字列'false'を使用してチェックしている

[checked]="data.value ==='false'" 

予告。

Plunker

+0

助けてくれてありがとう! –

2

あなたは[checked]属性でそれを達成することができます。 これを参照

+1

助けてくれてありがとう! –

2

[(ngModel)]を使用してmd-radio-groupをコンポーネントで初期化することができる別のオプションがあります。

プランナーdemo

+0

'[(ngModel)]'を使用すると、 '[checked]'プロパティを使用できなくなることに注意してください。たとえば、明示的に '' [checked] 'を' false'に設定しても、 'mat-radio-group'にバインドされているコンポーネント変数の値はこの' mat-radio-button '、ラジオボタンは確かにチェックされたままになります –

関連する問題