问题标签 [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 回答
1205 浏览

angularjs - Element[0].focus 不适用于角度 ui-select

我正在使用ui-select. 它工作正常,但element[0].focus()不适用于它。为了进一步解释,我有以下指令将重点放在ui-select

我正在使用这个ui-select指令

isSupplierInvoice()常规 html 下拉列表的更改事件中变为真。ui-select但是即使函数返回 true,焦点也不会到达。我已经验证了该指令,它适用于常规的 html 输入。

0 投票
1 回答
1378 浏览

javascript - Angular ui-select 多个干净的 ng-model 值

我正在尝试使用 ui-select 并且该组件正在清理我的阵列。

例子:

我在屏幕上的变量“vm.staff_hotels”值为 [1,2]。

但是,如果我在 ng-model 中使用该变量,我的值将更改为 [null,null]。

0 投票
1 回答
3544 浏览

css - ui-select - 使箭头在左侧

我正在为 angularJS 使用ui-select选择框,我需要选择框的箭头位于左侧,以匹配我拥有的其他选择框和rtl网站的整个方向。

在我找到的所有示例中,箭头都位于右侧。我尝试设置directionfloat属性,但没有任何效果。

我正在使用bootstrapui-select 选择框的样式。在“真正的”引导选择框中,将箭头向左移动非常容易,只需设置dir="rtl".

有任何想法吗?谢谢!

编辑:

这是一个官方示例,以便您可以使用它。

0 投票
2 回答
2047 浏览

css - 如何使 ui-select 更具引导性?

我并排使用ui-select选择框和常规引导选择框,我希望它们看起来完全相同。更准确地说,我希望 ui-select 框看起来像引导框。

我注意到一些不同之处:

  1. 箭头的形状。
  2. 悬停时 ui-select 框变为灰色。引导框没有。
  3. ui-select 框内的选项之间有很多间距,并且侧面有一个边距。只有在激活分组功能时才应该有边距(即使这样,组的名称也应该没有边距)。
  4. 选择选项或打开框然后单击离开时,ui-select 框将获得焦点。我指的是丑陋的单调蓝色焦点,而不是蓝色模糊的引导焦点。ui-select 框两者都有。
  5. 右键单击引导框中的选项将其选中。右键单击 ui 选择框中的选项会打开一个菜单。
  6. ui-select框的箭头在框打开时消失。
  7. 您是否注意到其他差异?

我希望它既可以使用分组功能,也可以不使用它。

上面提到的一些功能真的很难注意到,所以任何涵盖大部分内容的答案都是好的。

这是官方plunker的链接。ui-select

非常感谢!

0 投票
2 回答
16634 浏览

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

我正在使用角度 ui-select 进行自动完成。当用户开始输入时,我想将最匹配的项目显示为水印,当用户按下 tab 时,它应该被选中(与谷歌自动建议相同)

也请看图片。您可以看到,当我键入“自动”时,“完成”显示为水印,如果我按下 TAB,它将被选中。

谷歌自动建议

0 投票
0 回答
208 浏览

javascript - 更改 Angular 中的插值符号会导致 ui-select2 出现错误:$select.getPlaceholder()

我有一个角度应用程序,我必须将插值符号更改为 '((' 而不是 '{{' 使用:

这通常在整个应用程序中都可以正常工作,但是multiple在 ui-select 中添加属性会引发错误:

错误:[$parse:ueoe] 表达式意外结束:$selectMultiple.getPlaceholder( http://errors.angularjs.org/1.3.15/ $parse/ueoe?p0=%24selectMultiple.getPlaceholder( 在 REGEX_STRING_REGEXP (angular.js :63) 在 Parser.peekToken (angular.js:12077) 在 Parser.functionCall (angular.js:12377) 在 Parser.primary (angular.js:12054) 在 Parser.unary (angular.js:12330) 在 Parser。乘法 (angular.js:12313) 在 Parser.additive (angular.js:12304) 在 Parser.relational (angular.js:12295) 在 Parser.equality (angular.js:12286) 在 Parser.logicalAND (angular.js: 12277)

html代码:

multiple在 ui-select 中删除工作正常。

0 投票
1 回答
7463 浏览

javascript - AngularJS:ui-select一旦被选中,除了更改选项外,无法删除选定的选项

我正在使用 ui-select 从服务器获取数据并将其填充到下拉列表中(搜索和选择)。我为你创建了一个plunker

一旦我从选择器中选择了任何值,我就可以进一步更改。但无法删除。我怎样才能做到这一点?

0 投票
1 回答
5783 浏览

javascript - Angular UI 选择单击时删除项目

我正在使用UI-Select,我注意到单击任何标签会使它们变成蓝色,这对我想做的事情没有任何意义。如果单击,我希望将它们删除。经过检查,我注意到一个“x”会触发以下内容:

进行一些挖掘后,我找到了触发它的模板,它是“match-multiple.tpl.html”。我将 ng-click 复制到输入,使其如下。

这破坏了标签系统(见图) 在此处输入图像描述

编辑 - 尝试了以下,错误消失了,但点击没有做任何事情。

如何将 ng-cick 附加到标签而不是“X”?

0 投票
1 回答
1182 浏览

javascript - 在 ui-select (angular-ui) 中标记

我浏览了很多,但找不到一个可行的解决方案。我有一个 ui-select 多选UI-SELECT。通过使用 'tagging' 和 'tagging-label' 属性,我们可以将输入自定义标签添加到列表中。这个plunker给出了例子。

当我们键入时,如果“自定义标签”建议显示在列表顶部。如何让它出现在列表的底部?

示例:当键入 g 时,下拉菜单中显示的选项为

但我希望订单为

0 投票
1 回答
4596 浏览

javascript - 在ui-select中获取所选选项的索引 - Angularjs

angularjsui-selecthttps://github.com/angular-ui/ui-select/) 一起使用

我有这个代码:

sourceChanged函数内部,我想知道所选项目的索引..现在我只有值(scope.sender)..
我可以在数组中搜索值,places但这对我来说还不够好,因为有可能会有几个具有相同价值的物品...

任何想法?

谢谢 :)