问题标签 [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 投票
1 回答
163 浏览

angularjs - 如何在 ui-select 之外重用所选项目?

我正在使用 ui-select 并希望在 ui-select 控件之外使用所选项目。我尝试使用 {{$select.selected.name}} 但这不起作用。我想在 ng-repeats 过滤器中重用它。

0 投票
1 回答
2388 浏览

angularjs - angularJS valdr + ui-select 验证

我在这个问题上被谷歌搜索,但仍然找不到关于它的正确讨论。我们在表单(angularJS app)中使用 valdr 和 ui select,我们遇到了 ui-select 呈现的输入不会获得 name 属性的问题,因此,angular 会引发错误:

所以我们尝试了一些关于 ui-select 指令的 hack,比如 templateCache 重写/修改,隐藏输入具有相同的模型,但结果是相同的。

顺便说一句,templateCache 重写是最糟糕的方法,因为该指令在应用程序范围内被其他指令使用,我们无法破解整个应用程序。

有人遇到过这个问题吗?

代码片段: http ://plnkr.co/edit/sDNDDtnhi7Jxi9mtjDTl?p=preview

0 投票
2 回答
6900 浏览

angularjs - Angular-ui ui-select - 强制下拉显示在上面

所以我在屏幕底部的固定位置有一些控件,以便在移动设备上轻松访问,但对于我的生活,我无法弄清楚如何使选项内容出现在选择菜单上方。

下拉内容在屏幕底部时不可见

我试着弄乱append-to-body="true"和其他一些完全不在墙上的东西。我觉得这应该是一个简单的钩子,但没有找到任何东西..

0 投票
2 回答
2247 浏览

angular-ui - 如何将工具提示添加到 ui 多选

我尝试在 ui-select 的输入框中添加工具提示,但它不起作用。

input(type='hidden', ui-select2='userSelect2options', data-placeholder='All User', ng-model='selectedUsersForFilter', style='width:100%; margin-left:5px;',ng -readonly='isUserSelectDisabled', tooltip='请选择至少一个用户')

此外,我为上述相同的输入标签添加了简单的 HTML标题属性,而不是工具提示,最初它能够设置标题,但是当我尝试更改或删除该标题时,它对我不起作用。

input(type='hidden', ui-select2='userSelect2options', data-placeholder='All User', ng-model='selectedUsersForFilter', style='width:100%; margin-left:5px;',ng -readonly='isUserSelectDisabled', title ='请至少选择一个用户')

如何在 ui-select2 中为输入框添加工具提示?

0 投票
1 回答
666 浏览

javascript - 如何删除 ui-select 中不需要的框?

使用 Angular 和多用户界面选择,选择框会显示一个不需要的“额外”框(见图)。我怎样才能删除这个?

在此处输入图像描述 代码:

0 投票
2 回答
2281 浏览

javascript - 角度 ui-select 标记在模糊时丢失文本输入

情况

大家好!我正在为我的应用程序使用Angular ui-select以便从数据库中选择用户。如果用户不在列表中,则可以使用标记来输入新条目。

通过写入名称并按 ENTER 或 TAB,新条目将保存为新标签。

除了一件小事,一切都很好:如果我用鼠标集中注意力,我会丢失我输入的输入,这对用户不太友好。

代码

柱塞

http://plnkr.co/edit/7fSAKmj3pLeeTaid4pMH?p=preview

问题

我如何设法将输入文本保存为新标签,不仅通过按 ENTER,还通过鼠标聚焦?

非常感谢!

0 投票
1 回答
3752 浏览

angularjs - Angular ui-select 选择模糊

我正在使用 ui-select,并且希望在用户单击离开输入时选择列表中的第一个选项(即 ui-select-search 上的模糊事件)。目前,选择框保持打开状态,直到用户退出或做出选择。

0 投票
3 回答
8854 浏览

javascript - 初始化 ng-model 时,Angular ui-select 占位符不起作用

每次单击按钮时,我都尝试添加新选择,

的HTML:

控制器:

对象数组保存在数组“选择”中,但占位符没有出现在选择中,因为我最初使用空对象初始化 ng-model。如何让他占位符在这种情况下工作?

这是相同的Plunker

0 投票
5 回答
31044 浏览

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

我正在使用 ui-select 中的选择框。一切正常,但我想允许手动输入文本,并且不想限制用户使用列表中可用的值。如果我输入文本,它会正确过滤我的列表。但是当我没有点击一个元素并移动到下一个字段时,我的文本将被丢弃。

有任何想法吗?

谢谢和问候, 亚历克斯

我不想显示我的代码,因为我认为它不正确,但有人要求它:

数据存储在formData[field.id].selected. field.id是要显示的当前字段的编号(我正在动态生成我的表单)。只需假设它存储一个唯一的 int 值。

编辑 08.04.2015 我的解决方案: 我发现似乎没有与 C# 组合框等效的东西。所以我继续使用两个单独的字段。这不是我想要的,但它现在有效:

0 投票
1 回答
2000 浏览

twitter-bootstrap - 如何在 Bootstrap 的内联形式中使用 ui-select?

我在 bootsrap 内联表单中使用 ui-select 时遇到了多个问题: http ://plnkr.co/edit/tAlsDona9LS8D6KUQziS?p=preview

  1. 在 form-group 中,label 和 ui-select 不是内联的,即使有足够的位置。
  2. 插入符号和文本重叠。
  3. 长内容溢出在此处输入图像描述
  4. 短内容显示奇怪的背景在此处输入图像描述

请看一下我的笨拙,并启发我,我在做什么?