Angular2 boolean md-radio-buttonが機能しない

Question

2つのオプションをチェックするには、2つのラジオボタンが必要です。私は以下を使用しました。私のコンポーネントで

<md-radio-button [value]=true [(ngModel)]="carSelected" name="carOption">Car</md-radio-button> 
<md-radio-button [value]=false [(ngModel)]="carSelected" name="busOption">Bus</md-radio-button> 

、私はcarSelectedブール変数

public carSelected: boolean = true; 

を持っている。しかし、ラジオボタンはcarSelectedの値で更新されません。また、ラジオボタンをチェックした場合、carSelectedも更新されません。

ここで何が間違って行くことだろうか？

Answer 1

HTMLでは、これを試してみてください：

<md-radio-group [(ngModel)]="carSelected"> 
    <md-radio-button [value]=true name="carOption">Car</md-radio-button> 
    <md-radio-button [value]=false name="busOption">Bus</md-radio-button> 
</md-radio-group> 

コンポーネントで： public carSelected: boolean = true;

Answer 2

最初にラジオボタンにはラジオボタンと同じ名前が必要でした。あなたのコードには他のものはすべて問題ありません。

を<md-radio-group>タグにバインドし、<md-radio-button>タグにバインドする必要があります。ここ

とは、私はこれが役立つことを願っていますhow to handle different form controls in angular 2

を示したリンクです。

Answer 3

はこれを試してみてください。これは私のために働く。変更をトリガーできるメソッドがあります。それを使用して必要な値を渡すことができます。

<md-radio-group class="example-radio-group" [(ngModel)]="carSelected"> 
    <md-radio-button [value]=true (change)="getval('car')">Car</md-radio-button> 
    <md-radio-button [value]=false (change)="getval('Bus')">Bus</md-radio-button> 
    </md-radio-group> 

マイTSファイル

getval(car){ 
    this.carSelected=true; 
    console.log(car) 
} 

APIリファレンスhereをお読みください。角度のある素材2でさらに多くを行うことができます。

素材には使用できない多くの機能が必要な場合。this UIプラットフォーム。