Angular 素材如何动态创建在同一个表单中添加多个自动完成

Question

在我的 Angular 材料项目中。 在一个反应表单上，我需要动态添加多个自动完成字段。 所有自动完成字段都具有从服务 onInit 预取的不同选项数组。

StackBlitz 上的当前 static 示例。

我的问题是：我应该如何更改 1. 确保不要重复模板和 ts 文件中的代码，因为您可以看到所有 filter* observables 和修复模板代码很快就会失控。 2.根据后台数据动态添加更多字段。 后端数据将包含有关选项列表、标签、占位符、控件名称等的信息。

Answer 1

我最终通过实现具有 Typeahed 支持的MatFormFieldControl来编写自己的 FormField。 唯一的限制是现在 typeahead 接受预取的值。 在下一次迭代中，我很乐意为 typeahead 提供 Web 服务支持。