angular-cdk的数据源可以和md-select一起使用吗？

Question

我使用的是Angular 4和当前测试版的Angular Material 2 (2.0.0-beta8)。

Material的table组件构建在CDK data-table之上。因此，很容易连接到一个后端，该后端将调用数据的服务/apis，并且它实现了使用RxJS观察值到事物的所有连接。(请参阅demo here。)

我想知道的是，我是否可以使用@angular/cdk之外的相同DataSource接口，并用它来填充一堆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实现所使用的所有可观察数据和其他反应性功能。

Answer 1

npm install @matheo/datasource

我发布了一个库，目标是在未来成为官方的材料DataSource，支持任何类型的输入流(排序、分页、过滤器)，以及一些带有调试的配置，以便在编码时查看它是如何工作的。

import { MatDataSourceModule } from '@matheo/datasource';

您的选择可以是表单的一部分，触发更改并使用从选择器的值构建的REQuest刷新DataSource。

您可以在此处找到StackBlitz演示和更多信息：

https://medium.com/@matheo/reactive-datasource-for-angular-1d869b0155f6

我很乐意听取您的意见，并在必要时支持您的用例。

祝你编码愉快！