2017-08-03 54 views
0

我正在使用Angular 4和當前的測試版Angular Material 2 (2.0.0-beta8)可以將angular-cdk的數據源與md-select一起使用嗎?

材料的表格組件建立在CDK數據表之上。因此,掛起一個後端可以很方便地調用服務/ apis獲得數據,並且它實現了將RxJS Observables用於事物的所有連接。 (見demo here。)

我試圖找出是,如果我可以使用相同的接口DataSource出@角/ CDK,並用它來填充一堆md-select元素。

例如是這樣的:

<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-select工作沒有dataSource財產。我可以在md-select上使用類似的界面或屬性嗎?我想要做的不是重新實現md-table/dataSource實現所使用的所有觀察對象和其他被動功能。

回答

0

我也想知道,現在你讓我考慮嘗試訂閱DataSource上的connect()方法。喜歡的東西:

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

這將工作,假設您的DataSource.connect返回Observable.merge像目前的官方文檔。

相關問題