Angular 2 Material 2 Radiobutton Standardauswahl

Question

Ich habe eine Radio-BTN-Gruppe und ich möchte eine basierend auf dem Wert eines ngRx Observable ausgewählt haben.

<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> 

Für die beobachtbare ich habe:

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

Ich möchte die Asynchron-Rohr verwenden und eine aus dem aktuellen/aktuellen Wert der beobachtbaren und den Wert des Optionsfeld vergleichen, aber ich kann nicht verstehen unsere die Syntax ...

Answer 1

ich habe es selbst nicht ausprobiert, aber ich erwarte, dass dies zu tun, was Sie wollen:

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

Siehe auch https://github.com/angular/material2/blob/6e4fe5e4172bb150f8d46c9f007ba2c2ff5bdf3a/src/components/radio/README.md, wo sie die value Eigenschaft für Zwei-Wege-Bindung verwenden:

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

Answer 2

Hier ist sie:

//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>