我有一个无线电btn组,我想根据ngRx Observable的值选择一个。
<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>
对于Observable,我有:
this.todoVisibilityFilter$ = store.select('todoVisibilityFilterReducer');
我想使用异步管道并从Observable的最新/当前值和单选按钮的值进行比较,但我无法确定语法...
答案 0 :(得分:6)
我自己没有尝试过,但我希望这可以做你想做的事情:
<md-radio-group [value]="todoVisibilityFilter | async"
(change)="onTodoFilter($event.value);">
另请参阅https://github.com/angular/material2/blob/6e4fe5e4172bb150f8d46c9f007ba2c2ff5bdf3a/src/components/radio/README.md,他们使用value
属性进行双向绑定:
<md-radio-group [(value)]="groupValue">
答案 1 :(得分:0)
这是:
//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>