【问题标题】:Cascaded Angular Material Design sample (with reactive forms)Cascaded Angular Material Design 示例(带有反应形式)
【发布时间】:2019-03-03 04:44:56
【问题描述】:

任何好的演示/示例展示如何级联多个角度垫自动完成控件?我见过的所有参考资料都只显示了一个独立的自动完成功能。我需要使用响应式表单链接两个控件(可能是三个)。

一个很好的类似示例可以是国家、州/省和城市的自动完成(取决于是否显示子控件的选择,具体取决于是否有信息)。

数据预加载在内存中(不是很大),因此无需异步查找服务器。

【问题讨论】:

    标签: angular angular-material mat-autocomplete


    【解决方案1】:

    每个mat-autocomplete都应用于普通FormControl;独立的FormControl 或包含在FormGroup 中。

    例如;假设我们有 CountryCities;他们每个人都是mat-autocomplete,但你不能选择城市,直到你选择国家;对吧?

    我希望这就是你的意思。

    所以;处理这个:

    • 将 Country formControl 设为普通的垫子自动完成功能,无需额外配置。

    • 在用户选择国家之前,将 City formControl 设为禁用状态。

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

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

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

    如果你有 3 个或 4 个;让他们像城市一样。

    【讨论】:

    • 如果您可以将此示例更新为最新的 Angular,将会很有帮助。谢谢!
    猜你喜欢
    • 1970-01-01
    • 2018-09-22
    • 2015-05-07
    • 1970-01-01
    • 1970-01-01
    • 2016-09-20
    • 1970-01-01
    • 2018-11-30
    • 2019-10-22
    相关资源
    最近更新 更多