角2素材2ラジオボタンのデフォルト選択

Question

私はラジオbtnグループを持っており、ngRx Observableの値に基づいて選択したいと思います。

this.todoVisibilityFilter$ = store.select('todoVisibilityFilterReducer'); 

は私が観測の最新/現在値と、ラジオボタンの値から比較する非同期パイプを使用してやりたいだろうが、：観測のために

<md-radio-group (change)="onTodoFilter($event.value);"> 
    <md-radio-button value="SHOW_ALL_TODO">All</md-radio-button> 
    <md-radio-button value="SHOW_STARTED_TODO">Started</md-radio-button> 
    <md-radio-button value="SHOW_COMPLETED_TODO">Completed</md-radio-button> 
    </md-radio-group> 

私が持っています私はそれを自分自身を試していないが、私は、これはあなたがやりたいことを期待...

Answer 1

を私達の構文を理解することはできません。

<md-radio-group [value]="todoVisibilityFilter | async" 
    (change)="onTodoFilter($event.value);"> 

また、彼らは、双方向結合のためのvalueプロパティを使用https://github.com/angular/material2/blob/6e4fe5e4172bb150f8d46c9f007ba2c2ff5bdf3a/src/components/radio/README.mdを参照してください：

<md-radio-group [(value)]="groupValue"> 

Answer 2

ここでは、次のとおりです。

//it is your component 
 
selectedItem: String = "true";

<md-radio-group [(ngModel)]="selectedItem"> 
 
    <md-radio-button value="true">Department</md-radio-button> 
 
    <md-radio-button value="false">Service</md-radio-button> 
 
</md-radio-group>