【问题标题】:How to show angular material auto-complete all items even one item is selected?即使选择了一项,如何显示角度材料自动完成所有项目?
【发布时间】:2017-02-22 22:00:59
【问题描述】:

Angular 材质的默认功能是当用户从自动完成列表中选择一项时,剩余的项不显示。

例如:当我单击控件时,它显示如下

选择一项后,它不显示剩余列表。

这里我想显示所有自动完成的项目,即使用户从列表中选择一个项目。

棱角材料可以做到这一点吗?如果是,请您帮助我们如何实现这一目标。

我需要这样的输出(下图是我在绘画中编辑的)。

【问题讨论】:

    标签: angularjs angular-material


    【解决方案1】:

    如果我们在谈论来自https://material.angularjs.org/latest/demo/autocomplete 的基本示例,请尝试:

    md-items="item in ctrl.states"
    

    而不是

    md-items="item in ctrl.querySearch(ctrl.searchText)"
    

    因为控制器过滤了初始列表

    results = query ? self.states.filter( createFilterFor(query) ) : self.states
    

    【讨论】:

    • 这行不通已经试过了。在这里,即使用户从列表中选择任何一项,我也需要显示列表中的所有项目,并且应按原样选择所选项目
    • @kernallora 请检查这个快速代码笔 sn-p codepen.io/anon/pen/EWVvzd - 它按预期工作,这是一个截图static.xscreenshot.com/2017/02/28/17/…
    • 似乎你理解了一些我不需要的东西。你能检查我问题中的最后一个屏幕吗?在那个项目中已经选择了名为“阿拉巴马州”的项目,但所有项目仍然显示在自动完成下拉菜单中
    • @kernallora 是的,我的解决方案正是您想要的。你有没有尝试过?只需输入“Alabama”,您就会看到所有项目都显示在自动完成下拉菜单中。
    • 不,您的解决方案没有按我的需要工作。场景:选择“阿拉巴马州”(一旦我选择下拉菜单将被关闭)。同样,如果我单击下拉菜单,它不会显示下拉元素。即使用户已经选择了值,我也需要在下拉列表中显示所有元素
    猜你喜欢
    • 2018-10-20
    • 1970-01-01
    • 2017-07-14
    • 1970-01-01
    • 2019-07-11
    • 1970-01-01
    • 2019-01-31
    • 2020-02-06
    • 1970-01-01
    相关资源
    最近更新 更多