问题标签 [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 - UI-Grid中的Angular UI-Select?
我觉得我在用头撞墙。
有人有在 ui-grid 中使用 ui-select 的示例吗?(3.0)
我最难在 ui-grid 中使用 ui-select 作为 cellTemplate,即:
有没有人在 ui-grid 中有一个 ui-select 的例子?
谢谢!
javascript - ui-select多个的Angularjs验证
情况:
我有一个发送电子邮件的角度应用程序。有一个包含三个字段的表单:地址 - 主题 - 文本。
对于地址字段,我使用 angular ui-select。
一切工作正常,除了地址字段的验证(主题和文本验证工作正常)。
编辑:
此错误已从版本 0.16.1 修复。正如@yishaiz 所指出的。
所以这个问题及其相关解决方案关于 ui-select 版本 < 0.16.1。
编码:
HTML:
角度:
柱塞:
http://plnkr.co/edit/MYW7SM9c9anH6RTomfRG?p=preview
如您所见, ui-select 是必需的,但表单被解析为有效。
问题):
我怎样才能使 ui-select 需要多个?
javascript - Angularjs ui-select标记不起作用
情况:
我有一个发送电子邮件的角度应用程序。
共有三个字段:地址 - 主题 - 文本。
地址字段是使用 angular ui-select构建的
电子邮件地址可以从列表中选择,也可以重新输入。
问题是我无法创建新条目。
在文档中写道,为了输入新值,可以使用属性标记。
但我不知道为什么,不和我一起工作。
编码:
(简单的新标签添加示例)
柱塞:
http://plnkr.co/edit/T55LeKK66Idb3lD8DDPz?p=preview
如您所见,无法插入新值。
问题:
如何在角度 ui-select 中正确插入新值?
javascript - ng-repeat 在悬停时连续触发
我正在使用UI-Select 0.8.4 并拥有大量数据集。然后我使用 UI-Select 在数据集旁边的下拉列表中显示属性值。我将其用于过滤器。所以当从下拉列表中选择时,会过滤结果。
每次当我将鼠标悬停在下拉列表中的某个项目上时,它总是会触发 ng-repeat 过滤器。
这落后于我的应用程序,因为我正在使用 ng-repeat 中的大型集合。
为什么是这样?
GIF:http: //i.imgur.com/cStlXzy.gif
Plunker (打开控制台并亲自查看): http ://plnkr.co/edit/OxiutZ8t4IX1bOxiOTgo?p=preview
HTML:
JavaScript:
编辑:我什至尝试从“数据集数组”中过滤属性值并在下拉列表中使用它,但它不起作用。
编辑 2:如果您认为手表触发了这个,我删除了手表,这仍然是一个问题:http ://plnkr.co/edit/oD3Tt3vfjtOjADMnemW1?p=preview
编辑 3:仍然没有找到解决方案,所以我坚持选择. 我创建了一个问题,但没有得到任何回应。如果你想解决这个问题,请投票赞成这个问题。
javascript - 对象数组上的角度 ui-select 标记
情况:
我有一个发送电子邮件的角度应用程序。共有三个字段:地址 - 主题 - 文本。地址字段是使用 angular ui-select构建的
电子邮件地址可以从列表中选择或重新输入。问题是输入新的电子邮件地址。
我正在尝试使用标记属性来获取它。但据我所知,仅当 ui-select 由简单字符串数组组成时才有效,而不是由对象数组组成时有效
代码:
柱塞:
http://plnkr.co/edit/nngkvjiQmI44smcNGRGm?p=preview
如您所见,它适用于简单的字符串数组,而不适用于对象数组
问题:
如何将 ui-select 中的标记与对象数组一起使用?
javascript - 角度 ui-select 对象数组 - 第一项不可选择
情况:
在我的应用程序中,我使用angular ui-select显示人员列表(对象数组)。
它工作正常,除了一个小问题:
列表的第一项不可选择。我不能选择它。
代码:
柱塞:
http://plnkr.co/edit/CVaMvt4zBUBD2QEsfIdk?p=preview
问题:
我如何选择 angular ui-select - 对象数组中的第一项?
笔记:
Alexander 的答案是正确的,因为为 ui-select 哪个版本小于 0.9.5 给出了这个问题的解决方案。
从 0.9.5 版开始。这个问题已被解决。
这是在 GitHub 中打开的问题:
https://github.com/angular-ui/ui-select/issues/477#issuecomment-66795541
ng-grid - ng-grid 中的 Angular ui-select
我正在尝试在可编辑的 ng-grid 中使用 ui-select 下拉菜单。这是我的可编辑单元格模板的样子:-
但是,我无法将所选值绑定到类,
ng-class=\"'colt' + col.index\"
我在控制台上收到以下错误:
错误:[$parse:syntax] 语法错误:标记 '{' 是表达式 ['colt' + col.index {open: $select.open}] 第 20 列的意外标记,从 [{open: $select 。打开}]。
生成的 HTML 如下:
基本上,html 生成为 ng-class="'colt' + col.index {open: $select.open}" 并且大括号会产生语法错误。
有人遇到过类似的问题吗?
angularjs - ui-select angularjs bootstrap undefined is not a function 错误
我在尝试使用 ui-select 库时遇到了一些问题。我正在尝试使用选择下拉功能,但它不能正常工作。
这是使用的库:https ://github.com/angular-ui/ui-select
这是我的html代码:
它出现的错误是:未定义不是一个函数,当我单击 ui-selext 框时它会出现这个错误。
关于可能是什么问题的任何建议?
谢谢
附言
当我单击 select.js 错误链接时,它会将我带到以下代码。
不确定是什么导致了该问题,因为代码与示例代码非常相似。
javascript - Angular ui-select 占位符不起作用
我们一直在使用 ui-select ( https://github.com/angular-ui/ui-select ) 来主题下拉菜单,例如 select2。此功能在很大程度上与一个方面不同:默认占位符。
该代码主要遵循 ui-select 演示(此页面上的第三个示例:http ://plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview )。
就我而言,默认文本应该是“占位符”属性的文本。相反,它显示为空白,直到您选择一个选项。我们一直在使用一种技巧,即在 Angular 控制器中设置 ui-select-match 的值来解决这个问题,但这远非完美,显然也不是应该如何使用它。
有没有人遇到过这个问题,或者对我们做错了什么有任何想法?
angularjs - 为什么 ui-select 不会每 2 次清除一次选择?
在ui-select
中,当我选择一个选项时,on-select
回调确实会触发,但该选项不会每秒钟清除一次。
ui-select 有两种状态:
- 按钮 - 当我没有实际点击它时
- 输入 - 当我点击它并让我搜索
当它启动时,按钮有我的占位符文本“搜索...”。我点击它,开始搜索,它会弹出一个列表,我选择一个选项,on-select
触发,我在其中清除ng-model
.
然而,我每秒钟选择一次,它都会忽略ng-model
我回调中的清除。
这是我的on-select
代码:
我修改了基本ui-select
示例 plunkr 来复制它:http ://plnkr.co/edit/16DRYH8MbPJOy0GpogZz?p=preview
- 点击选择
- 搜索文字,我发现“123”最简单
- 选择一个选项
- 看到
ng-model
清除了 - 再次搜索
- 选择另一个选项,或相同的选项
- 看到
ng-model
没有清除
这是图像。
最初的:
搜索期间:
选择后(每第二个) -这是我的问题
为什么每次第二次选择后按钮最后一个图像中没有清除它?