Angular 2选择长值列表的组件

Posted

技术标签:

【中文标题】Angular 2选择长值列表的组件【英文标题】:Angular 2 select component for long length list of values 【发布时间】:2018-02-05 05:06:58 【问题描述】:

正在寻找 Angular 2 选择组件,该组件可用于轻松地从数百个值中进行选择。实际上,能够输入输入以过滤列表以供选择。有什么选择?目前 Bootstrap 3 用于样式设置。

【问题讨论】:

【参考方案1】:

使用 Angular 的 2 路绑定并调用后端。

当用户输入时,您使用 debounce 等待他们停止输入 300 毫秒,然后让 http 调用您的数据库/数据存储以获取与输入内容相似的列表。

对于前端,可以考虑 Material Design 的md-autocomplete: https://material.angular.io/components/autocomplete/overview

【讨论】:

您需要在这里解决 2 个不同的问题...您需要一个服务来与您的后端对话,并在前端设置一些东西来设置它的样式/向用户展示它。您遇到了哪些问题? 我不想使用后端服务,我已经在客户端获取了列表。我正在寻找一种客户端解决方案来向用户显示列表以供选择。

以上是关于Angular 2选择长值列表的组件的主要内容,如果未能解决你的问题,请参考以下文章

从以前的组件 Angular 中选择列表中的对象

如何从 Angular 7 的组件列表中预先选择默认项

Angular 2 中的路由激活和输入接收组件

Angular 2 - 在下拉列表中设置选定值

Angular 4 - 在选择列表中使用对象作为选项值

Angular 组件或指令匹配“jhi-product-list”元素超出了当前 Angular 模块的范围