2017-08-03 13 views
0

私はAngular 4と現在のベータ版Angular Material 2 (2.0.0-beta8)を使用しています。angle-cdkのデータソースをmd-selectで使用できますか?

マテリアルのテーブルコンポーネントは、CDKデータテーブルの上に構築されます。そのため、データのためにサービス/ apisに呼び出すバックエンドを接続するのは非常に簡単で、RxJS Observablesを使用するためのすべての接続を実装しています。私は@角度/ CDKのうち、同じDataSourceインターフェースを使用してmd-select要素の束を移入するために使用することができた場合(demo hereを参照してください。)私が把握しようとしている何

です。

例:このような何か:

<md-select class="col-lg-4" placeholder="Product" [dataSource]="configData"> 
    <md-option *ngFor="let product of products" [value]="product.id">{{product.display_name}}</md-option> 
</md-select> 

md-selectdataSource性質を持っていないので、これは動作しません。 md-selectで使用できる同様のインターフェイスまたはプロパティはありますか?私がやろうとしているのは、Observablesとmd-table/dataSourceの実装で使用されている他のリアクション機能を再実装する必要はありません。

答えて

0

私は同じことを思い出しました。今では、データソースのconnect()メソッドを購読しようと考えました。働くだろう

<md-option *ngFor="let product of configData.connect() | async" ... 

、あなたのDataSource.connectは、現在の公式ドキュメントのようにObservable.mergeを返すと仮定:ような何か。

関連する問題