ui-select相关内容
我使用 angular ui-select 进行自动完成.当用户开始输入时,我想将最匹配的项目显示为水印,当用户按下 Tab 时,它应该被选中(与谷歌自动建议相同) 也请看图片.你可以看到,当我输入“自动"时,“完成"显示为水印,如果我按 TAB,它将被选中. 解决方案 有一个凉亭插件autocompletelikegoogle并且您可以创建一个 angular 指令来在您的应用程序
..
已选择:{{item.selected}}
{{$select.selected.name}}
..
情况 大家好!我正在为我的应用程序使用 Angular ui-select 以便从数据库中选择用户.如果用户不在列表中,则可以使用标记来输入新条目. 通过输入名称并按 ENTER 或 TAB,新条目将保存为新标签. 除了一件小事外,一切正常:如果我用鼠标聚焦,我会丢失输入的内容,这对用户来说不太友好. 代码 对象数组
..
我遇到了这个问题,我不知道如何解决.我在我的页面中使用了 ui-select multiselect.首先,向获取数据的 url 发出 http.get 请求,然后填充 ui-select 选项.数据很大——数据的长度是2100.这个数据是作为选择显示的.(数据是在页面加载开始的时候取的,存放在一个数组中) 但是问题是我每次点击多选来选择一个选项时,填充列表需要4-5秒,页面变得很慢.我该怎
..
有谁知道如何清除angular中ui-select框的选定值? 我想要 select2 的功能,其中您在选择框中有一个小 x.看起来它没有 select2 有的允许清除方法. 解决方案 如果您使用的是 select2 主题,则 ui-select-match 上有一个 allow-clear 选项code> 指令为您执行此操作.您将在右侧看到 x,您可以通过单击它来清除它.https
..
我在一个网站中使用 angular-ui-select,其中样式选择字段配置了自己的标签名为 ui-select.这很好用,但是执行 W3C 验证 会导致此错误: 在此上下文中, 元素 ui-select 不允许作为元素 div 的子元素.(抑制来自此子树的更多错误.) 这是一个示例代码: x
..
我正在使用 ui-select 中的选择框.一切正常,但我想允许手动输入文本,并且不想限制用户使用列表中的可用值.如果我输入文本,它会正确过滤我的列表.但是当我没有点击一个元素并移动到下一个字段时,我的文本将被丢弃. 有什么想法吗? 谢谢和问候,亚历克斯 我不想显示我的代码,因为我认为它不正确,但有人要求:
..
在这些多选项目中,我需要根据国家/地区过滤城市.感谢@tanmay,我使用 ui-select 进行多选. 请看看这个小提琴. 小提琴 解决方案 您可以在 ng-change 上添加一个函数,该函数将返回所选国家/地区的所有城市 $ scope.getCityList = function(){var sampletemp = [];//临时数组以保存过滤后的值$ scop
..
情况 大家好!我正在为我的应用程序使用 Angular ui-select 以便从数据库中选择用户.如果用户不在列表中,则可以使用“标记"输入新条目. 通过输入名称并按ENTER或TAB键,新条目将另存为新标签. 除一件小事情外,其他所有东西都工作正常:如果我用鼠标将焦点对准我,则会丢失我输入的输入,并且这不是很友好的操作. 代码
Array of objec
..
我遇到了这个问题,但我不知道如何解决.我在页面中使用了 ui-select多重选择.首先,对获取数据的url发出http.get请求,然后填充ui-select选项.数据很大-数据长度为2100.此数据将显示为选择. (数据是在加载页面的开始时获取的,并存储在数组中) 但是问题是每次我单击多重选择以选择一个选项时,填充列表需要4-5秒,页面变得非常慢.我该如何减少这段时间? optio
..
有人知道如何清除Angular用户界面选择框的选定值吗? 我想要select2的功能,其中selectbox中有一个小x.看起来好像没有select2拥有的allow-clear方法. 解决方案 如果使用的是select2主题,则ui-select-match指令上有一个allow-clear选项可以为您执行此操作.您将在右侧看到x,可以通过单击将其清除. https://githu
..
我试图每次单击按钮时添加一个新选择, html:
..
在单击“选择黄色"按钮时,我想将黄色添加到所选列表中.选择黄色,但下拉菜单仍显示黄色.同样,我想在单击“取消选择黄色"按钮时取消选择黄色.我可以取消选择黄色,但下拉菜单中不会出现黄色.请帮我解决这个问题. HTML:
..
假设我有以下(非常基本的)代码,用于 ui-select
..
我想要一个额外的属性,就像“占位符”从ui选择匹配传递一样。我想设置选择输入的最大长度。我可以通过select.min.js添加属性maxlength =“”来设置它,但我想改变lib。文件不是解决方案。 就像我输入了adde maxlength =“500” 请帮帮我。 谢谢 解决方案 您可以通过templateCache更改属性 .run(function($
..
我使用 ui-select 选择框和常规引导选择框并排,我希望他们看起来完全一样。更确切地说,我希望ui-select框看起来像引导程序。 我注意到一些区别: 箭头的形状。 当悬停时,ui-select框变为灰色。 在ui-select框内的选项之间有很多间距,边上有边距。在分组功能被激活时,应该只有边距(即使组的名称不应有边距)。 当选择一个选项时,打开框,然后点击离开。我指的
..
我采用了棱角分明的用户界面 - 选择自动完成。当用户开始打字,我要表现出最佳的匹配项的水印,而当用户preSS选项卡,应选择(同样像谷歌自动提示) 请看到的图像也。你可以看到,当我输入'自动'完整'显示为水印,如果我preS TAB,它会被选中。 解决方案 有一个凉亭插件 autocompletelikegoogle 你可以创建一个角指令呈现在您的应用程序自动完成输入。 Directi
..
我试着去找到办法,自定义CSS仅适用于在UISelect多重选择的项目之一。 < UI选ID =“productSelect”级=“表格控”多NG-模式=“contractsHeader.ProductList”NG点击=“addProductOpen()”导通选择=“onProductSelected($项目)”上删除=“onProductRemoved($项目)”NG残疾=“!sele
..
我想获得一个选择HTML控件与AngularJS UI的选择这是位于在这里工作的GitHub上。出于某种原因,我能得到使用$范围语法时,选定的项目,而不是当我用控制器的语法。我想的plunker得到与控制工作作为语法位于这里。我不知道我失踪特别是自$范围语法完美的作品。 我没有得到任何错误报告。下面是从什么是plunker片段。 控制器 VAR应用= angular.module('示范'
..
我需要一旦用户用鼠标点击选择一个选项,从UI的选择输入移除焦点和进入开始搜索。现在发生的事情是,焦点仍在那里选择和结果的下拉列表中打开了进入点击 < UI选ID =“国”NG-模式=“CTRY”NAME =“乡村”的主题=“引导”> < UI的选择匹配> {{文字|| $ select.selected.id}}< / UI选匹配>
..