ui-select相关内容

如何在angular ui-select中像谷歌自动建议一样进行自动完成

我使用 angular ui-select 进行自动完成.当用户开始输入时,我想将最匹配的项目显示为水印,当用户按下 Tab 时,它应该被选中(与谷歌自动建议相同) 也请看图片.你可以看到,当我输入“自动"时,“完成"显示为水印,如果我按 TAB,它将被选中. 解决方案 有一个凉亭插件autocompletelikegoogle并且您可以创建一个 angular 指令来在您的应用程序 ..
发布时间:2022-01-05 12:53:36 其他开发

Angular ui-select 标记在模糊时丢失文本输入

情况 大家好!我正在为我的应用程序使用 Angular ui-select 以便从数据库中选择用户.如果用户不在列表中,则可以使用标记来输入新条目. 通过输入名称并按 ENTER 或 TAB,新条目将保存为新标签. 除了一件小事外,一切正常:如果我用鼠标聚焦,我会丢失输入的内容,这对用户来说不太友好. 代码 对象数组 ..
发布时间:2021-11-10 03:49:26 前端开发

ui-select multiselect 显示选项的速度很慢

我遇到了这个问题,我不知道如何解决.我在我的页面中使用了 ui-select multiselect.首先,向获取数据的 url 发出 http.get 请求,然后填充 ui-select 选项.数据很大——数据的长度是2100.这个数据是作为选择显示的.(数据是在页面加载开始的时候取的,存放在一个数组中) 但是问题是我每次点击多选来选择一个选项时,填充列表需要4-5秒,页面变得很慢.我该怎 ..
发布时间:2021-11-10 03:46:29 其他开发

清除 ui-select angular 中的选定选项

有谁知道如何清除angular中ui-select框的选定值? 我想要 select2 的功能,其中您在选择框中有一个小 x.看起来它没有 select2 有的允许清除方法. 解决方案 如果您使用的是 select2 主题,则 ui-select-match 上有一个 allow-clear 选项code> 指令为您执行此操作.您将在右侧看到 x,您可以通过单击它来清除它.https ..
发布时间:2021-11-09 04:44:16 其他开发

的 W3C 验证

我在一个网站中使用 angular-ui-select,其中样式选择字段配置了自己的标签名为 ui-select.这很好用,但是执行 W3C 验证 会导致此错误: 在此上下文中, 元素 ui-select 不允许作为元素 div 的子元素.(抑制来自此子树的更多错误.) 这是一个示例代码: x ..
发布时间:2021-11-09 04:18:43 前端开发

允许在 ui-select 中手动输入文本

我正在使用 ui-select 中的选择框.一切正常,但我想允许手动输入文本,并且不想限制用户使用列表中的可用值.如果我输入文本,它会正确过滤我的列表.但是当我没有点击一个元素并移动到下一个字段时,我的文本将被丢弃. 有什么想法吗? 谢谢和问候,亚历克斯 我不想显示我的代码,因为我认为它不正确,但有人要求: ..
发布时间:2021-11-09 02:57:34 其他开发

基于另一个多重选择的多重选择

在这些多选项目中,我需要根据国家/地区过滤城市.感谢@tanmay,我使用 ui-select 进行多选. 请看看这个小提琴. 小提琴 解决方案 您可以在 ng-change 上添加一个函数,该函数将返回所选国家/地区的所有城市 $ scope.getCityList = function(){var sampletemp = [];//临时数组以保存过滤后的值$ scop ..
发布时间:2021-04-07 19:20:48 其他开发

角度用户界面选择标记在模糊时丢失文本输入

情况 大家好!我正在为我的应用程序使用 Angular ui-select 以便从数据库中选择用户.如果用户不在列表中,则可以使用“标记"输入新条目. 通过输入名称并按ENTER或TAB键,新条目将另存为新标签. 除一件小事情外,其他所有东西都工作正常:如果我用鼠标将焦点对准我,则会丢失我输入的输入,并且这不是很友好的操作. 代码 Array of objec ..
发布时间:2020-09-01 06:04:26 前端开发

ui-select multiselect在显示选择中非常慢

我遇到了这个问题,但我不知道如何解决.我在页面中使用了 ui-select多重选择.首先,对获取数据的url发出http.get请求,然后填充ui-select选项.数据很大-数据长度为2100.此数据将显示为选择. (数据是在加载页面的开始时获取的,并存储在数组中) 但是问题是每次我单击多重选择以选择一个选项时,填充列表需要4-5秒,页面变得非常慢.我该如何减少这段时间? optio ..
发布时间:2020-09-01 04:01:28 其他开发

清除ui-select角度中的选定选项

有人知道如何清除Angular用户界面选择框的选定值吗? 我想要select2的功能,其中selectbox中有一个小x.看起来好像没有select2拥有的allow-clear方法. 解决方案 如果使用的是select2主题,则ui-select-match指令上有一个allow-clear选项可以为您执行此操作.您将在右侧看到x,可以通过单击将其清除. https://githu ..
发布时间:2020-09-01 02:12:55 其他开发

ui select angularjs set maxlength for input value(ui select match)

我想要一个额外的属性,就像“占位符”从ui选择匹配传递一样。我想设置选择输入的最大长度。我可以通过select.min.js添加属性maxlength =“”来设置它,但我想改变lib。文件不是解决方案。 就像我输入了adde maxlength =“500” 请帮帮我。 谢谢 解决方案 您可以通过templateCache更改属性 .run(function($ ..

如何让ui-select更多的bootstrap?

我使用 ui-select 选择框和常规引导选择框并排,我希望他们看起来完全一样。更确切地说,我希望ui-select框看起来像引导程序。 我注意到一些区别: 箭头的形状。 当悬停时,ui-select框变为灰色。 在ui-select框内的选项之间有很多间距,边上有边距。在分组功能被激活时,应该只有边距(即使组的名称不应有边距)。 当选择一个选项时,打开框,然后点击离开。我指的 ..
发布时间:2017-02-17 20:35:39 前端开发

如何使自动完成,就像谷歌汽车在角UI的选择建议

我采用了棱角分明的用户界面 - 选择自动完成。当用户开始打字,我要表现出最佳的匹配项的水印,而当用户preSS选项卡,应选择(同样像谷歌自动提示) 请看到的图像也。你可以看到,当我输入'自动'完整'显示为水印,如果我preS TAB,它会被选中。 解决方案 有一个凉亭插件 autocompletelikegoogle 你可以创建一个角指令呈现在您的应用程序自动完成输入。 Directi ..
发布时间:2016-07-27 14:48:18 JavaScript

UISelect多,应用CSS到所选择的项目之一

我试着去找到办法,自定义CSS仅适用于在UISelect多重选择的项目之一。 < UI选ID =“productSelect”级=“表格控”多NG-模式=“contractsHeader.ProductList”NG点击=“addProductOpen()”导通选择=“onProductSelected($项目)”上删除=“onProductRemoved($项目)”NG残疾=“!sele ..
发布时间:2016-05-11 21:45:39 JavaScript

Angularjs UI的选择(选择2)不与“控制器”语法工作没有得到选择伊特

我想获得一个选择HTML控件与AngularJS UI的选择这是位于在这里工作的GitHub上。出于某种原因,我能得到使用$范围语法时,选定的项目,而不是当我用控制器的语法。我想的plunker得到与控制工作作为语法位于这里。我不知道我失踪特别是自$范围语法完美的作品。 我没有得到任何错误报告。下面是从什么是plunker片段。 控制器 VAR应用= angular.module('示范' ..

如何删除重点从UI的选择选择一个选项之后

我需要一旦用户用鼠标点击选择一个选项,从UI的选择输入移除焦点和进入开始搜索。现在发生的事情是,焦点仍在那里选择和结果的下拉列表中打开了进入点击 < UI选ID =“国”NG-模式=“CTRY”NAME =“乡村”的主题=“引导”> < UI的选择匹配> {{文字|| $ select.selected.id}}< / UI选匹配> ..
发布时间:2016-05-09 20:51:14 JavaScript