问题标签 [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.
angularjs - Element[0].focus 不适用于角度 ui-select
我正在使用ui-select
. 它工作正常,但element[0].focus()
不适用于它。为了进一步解释,我有以下指令将重点放在ui-select
我正在使用这个ui-select
指令
在isSupplierInvoice()
常规 html 下拉列表的更改事件中变为真。ui-select
但是即使函数返回 true,焦点也不会到达。我已经验证了该指令,它适用于常规的 html 输入。
javascript - Angular ui-select 多个干净的 ng-model 值
我正在尝试使用 ui-select 并且该组件正在清理我的阵列。
例子:
我在屏幕上的变量“vm.staff_hotels”值为 [1,2]。
但是,如果我在 ng-model 中使用该变量,我的值将更改为 [null,null]。
css - 如何使 ui-select 更具引导性?
我并排使用ui-select选择框和常规引导选择框,我希望它们看起来完全相同。更准确地说,我希望 ui-select 框看起来像引导框。
我注意到一些不同之处:
- 箭头的形状。
- 悬停时 ui-select 框变为灰色。引导框没有。
- ui-select 框内的选项之间有很多间距,并且侧面有一个边距。只有在激活分组功能时才应该有边距(即使这样,组的名称也应该没有边距)。
- 选择选项或打开框然后单击离开时,ui-select 框将获得焦点。我指的是丑陋的单调蓝色焦点,而不是蓝色模糊的引导焦点。ui-select 框两者都有。
- 右键单击引导框中的选项将其选中。右键单击 ui 选择框中的选项会打开一个菜单。
- ui-select框的箭头在框打开时消失。
- 您是否注意到其他差异?
我希望它既可以使用分组功能,也可以不使用它。
上面提到的一些功能真的很难注意到,所以任何涵盖大部分内容的答案都是好的。
这是官方plunker的链接。ui-select
非常感谢!
angularjs - 如何在角度 ui-select 中像谷歌自动建议一样进行自动完成
我正在使用角度 ui-select 进行自动完成。当用户开始输入时,我想将最匹配的项目显示为水印,当用户按下 tab 时,它应该被选中(与谷歌自动建议相同)
也请看图片。您可以看到,当我键入“自动”时,“完成”显示为水印,如果我按下 TAB,它将被选中。
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 中删除工作正常。
javascript - AngularJS:ui-select一旦被选中,除了更改选项外,无法删除选定的选项
我正在使用 ui-select 从服务器获取数据并将其填充到下拉列表中(搜索和选择)。我为你创建了一个plunker。
一旦我从选择器中选择了任何值,我就可以进一步更改。但无法删除。我怎样才能做到这一点?
javascript - Angular UI 选择单击时删除项目
我正在使用UI-Select,我注意到单击任何标签会使它们变成蓝色,这对我想做的事情没有任何意义。如果单击,我希望将它们删除。经过检查,我注意到一个“x”会触发以下内容:
进行一些挖掘后,我找到了触发它的模板,它是“match-multiple.tpl.html”。我将 ng-click 复制到输入,使其如下。
这破坏了标签系统(见图)
编辑 - 尝试了以下,错误消失了,但点击没有做任何事情。
如何将 ng-cick 附加到标签而不是“X”?
javascript - 在ui-select中获取所选选项的索引 - Angularjs
我angularjs
与ui-select
(https://github.com/angular-ui/ui-select/) 一起使用
我有这个代码:
在sourceChanged
函数内部,我想知道所选项目的索引..现在我只有值(scope.sender
)..
我可以在数组中搜索值,places
但这对我来说还不够好,因为有可能会有几个具有相同价值的物品...
任何想法?
谢谢 :)