0

我正在使用 Angular 4 和Angular Material 2 (2.0.0-beta8)的当前 beta 版本。

Material 的表格组件建立在 CDK 数据表格之上。因此，很容易连接一个调用服务/api 获取数据的后端，并且它实现了使用 RxJS Observables 到事物的所有连接。（请参阅此处的演示。）

我想弄清楚的是我是否可以使用DataSource@angular/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 实现使用的所有 Observables 和其他反应性功能。

4

1 回答 1

0 
npm install @matheo/datasource

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

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

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

您可以在此处找到 StackBlitz 演示和更多信息：
https ://medium.com/@matheo/reactive-datasource-for-angular-1d869b0155f6

如有必要，我很高兴听到您的意见并支持您的用例。
快乐编码！

于 2019-06-18T06:01:17.503 回答