3

ラジオ ボタン グループがあり、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>

私が持っているオブザーバブルの場合:

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

非同期パイプを使用して、Observable の最新/現在の値とラジオ ボタンの値を比較したいのですが、構文がわかりません...

4

2 に答える 2

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">
于 2016-05-09T06:25:36.253 に答える