问题标签 [angular-ui-select]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
2343 浏览

angularjs - AngularJS - 选择时用户界面选择高度小

我有以下代码,几乎是PLUNKER 网站的复制/粘贴

但是,当我这样做时,我从列表中选择了一项,然后选择框突然缩小了。

选择之前

选择后

我该如何解决这个问题,以便它可以在选择框中正确显示我选择的项目,而不是像那样缩小?

0 投票
1 回答
6442 浏览

angularjs - 将范围值绑定到 Angular 的 ui-select 中的 ui-select-match 属性

我正在使用 AngularUI 的 UI-Select 在我的应用程序中创建丰富的选择,并且我正在尝试将allow-clear属性绑定到范围内的函数或属性:

但无论我尝试什么,都无法让它发挥作用。然后我在 uiSelectMatch 指令定义下的 UI-Select 源代码中找到了以下代码:

这可能意味着它正在对属性值进行字符串比较。

有什么办法可以解决这个问题并绑定属性(甚至是初始化期间的一次性绑定)?

0 投票
1 回答
2287 浏览

angularjs - ng-repeat 中的 Angular ui-select

我在 ng-repeat 中使用 ui-select 为集合中的每个项目创建一个选择框。但是,当我在任何单个选择框中选择一个节点 ID 时,它最终会在所有选择框中被选中。如何配置{{$select.selected.id}}部件以便仅更新当前选择选择框?以下是相关代码:

0 投票
1 回答
8030 浏览

javascript - 角度:用户界面选择。带有“刷新”功能的自定义标记

我需要输入的多选能力。问题是数据在用户点击时动态来自服务器,如果没有找到合适的数据,我需要创建一个新标签。代码示例:获取地址

当前示例不显示标签内的信息,并且tagging-label="(custom 'new' label)"如果输入新信息也不显示标题(例如,您可以输入类似“ blablablabla ”的内容,服务器不应返回任何内容)

如何处理?我可以将所有结果保存到数组并使用数组而不是服务器的解决方法对我不起作用......

0 投票
4 回答
5335 浏览

angularjs - 如何阻止自由文本在角度 ui-select 中输入

库链接:https ://github.com/angular-ui/ui-select

有什么方法可以阻止用户在 multiSelect 中编辑?

我想让用户只清除以前选择的数据,但是如何阻止他在 ui-select 中输入任何自由文本

http://plnkr.co/edit/juqoNOt1z1Gb349XabQ2?p=preview

参考上面的代码和plunker,目前在ui-select“蓝色,红色”颜色被选中,用户可以清除这些值,但如果用户试图在ui中输入一些文本,选择它允许修改,

“但我的要求是阻止用户在该字段中输入此类文本。”

提前致谢。

0 投票
1 回答
2424 浏览

css - 带图像的内联 angular-ui-select

我正在尝试创建一个内联 angular-ui-select 框,其中的图像显示在 1 个选项附近http://plnkr.co/edit/27g6JYtB7tg0w70ROZDb

我是使用 ui-select 的新手,但我不知道:

  1. 为什么单击按钮时按钮大小会发生变化
  2. 为什么选择它时未选择所选选项(或者至少为什么它没有显示为选择框中的选择)

我选择使用 angular-ui-select 是因为我不知道如何让 bootstrap-select 显示图像。

0 投票
1 回答
2142 浏览

angularjs - 如何从 ngOptions 转换为 angular-ui-select?

我正在尝试使用 angular-ui-select 指令为我的选择添加可搜索性。当我使用 angular-ui-select 时,模型值变成了整个时区,而不仅仅是 id。

这是代码:

我错过了什么?我会很感激任何帮助!

0 投票
2 回答
2629 浏览

angularjs - ui 在禁用搜索的情况下选择占位符文本

我正在使用角度 ui-select 选择主题。我想禁用搜索,但想显示占位符文本,以便用户知道此选择字段的用途。我尝试将 selectize/match.tpl.html 修改为

但这总是表现为

如何修改模板以在 Span/Div 中显示占位符文本并默认显示。或者有没有更好的方法来禁用搜索和显示占位符文本?

示例 Plunker

我已经为此创建了一个包装器指令,并在下面的链接行中进行了修改

并再次在控制器中

0 投票
1 回答
356 浏览

angularjs - 在另一个指令中使用时未定义 angular-ui-select2 查询函数

我正在尝试在另一个指令中使用 angular-ui-select2 模块,但收到以下错误:

未为 Select2 定义查询函数

当我将以下代码放在它自己的页面中时,它可以正常工作:

0 投票
1 回答
3915 浏览

angularjs - 具有单独选定值的多个 ui-select

我使用以下内容根据服务器数据创建了几个 ui-select 下拉菜单。我喜欢从每个下拉列表中选择独立的项目。当我在一个下拉列表中选择一个项目时,所有下拉列表都被分配相同的值。如何分隔选定的值?

这是一个屏幕截图。所有三个下拉列表都有不同的值集。

在此处输入图像描述