级联角材料设计示例（具有反应形式）

Question

任何好的演示/样本都会显示如何级联多个角度垫自动完成控件？我见过的所有参考仅显示一个独立的自动完成功能。我需要使用反应形式链接两个控件（可能是三个）。

一个很好的类似样本可能像是针对国家，州/省然后是城市的自动填充（取决于是否有子控件，取决于控件是否显示信息）。

数据已预先加载到内存中（不是很大），因此无需异步查找服务器。

Answer 1

每个mat-autocomplete应用于普通FormControl；独立的FormControl或FormGroup中包含的内容。

例如；假设我们有国家/地区和城市；它们中的每一个都是mat-autocomplete，但是您不能选择 city ，直到您选择 country ；对吧？

我希望那是你的意思。

所以；处理这个：

• 将Country formControl设置为普通的mat-autocomplete，无需任何额外的配置。

• 将城市formControl禁用，直到用户选择国家为止。

• 为optionSelected添加countryAutocomplete，以启用和过滤城市。

我做了一个简单的例子来解释这个例子。

https://stackblitz.com/edit/multiple-autocomplete

如果您有3或4；让他们像城市一样。