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

angularjs - UI-Grid中的Angular UI-Select?

我觉得我在用头撞墙。

有人有在 ui-grid 中使用 ui-select 的示例吗?(3.0)

我最难在 ui-grid 中使用 ui-select 作为 cellTemplate,即:

有没有人在 ui-grid 中有一个 ui-select 的例子?

谢谢!

0 投票
4 回答
15632 浏览

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 需要多个?

0 投票
2 回答
3396 浏览

javascript - Angularjs ui-select标记不起作用

情况:

我有一个发送电子邮件的角度应用程序。
共有三个字段:地址 - 主题 - 文本。
地址字段是使用 angular ui-select构建的

电子邮件地址可以从列表中选择,也可以重新输入。
问题是我无法创建新条目。

在文档中写道,为了输入新值,可以使用属性标记

但我不知道为什么,不和我一起工作。


编码:

(简单的新标签添加示例)



柱塞:

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

如您所见,无法插入新值。


问题:

如何在角度 ui-select 中正确插入新值?

0 投票
1 回答
783 浏览

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:仍然没有找到解决方案,所以我坚持选择. 我创建了一个问题,但没有得到任何回应。如果你想解决这个问题,请投票赞成这个问题。

0 投票
1 回答
8246 浏览

javascript - 对象数组上的角度 ui-select 标记

情况:

我有一个发送电子邮件的角度应用程序。共有三个字段:地址 - 主题 - 文本。地址字段是使用 angular ui-select构建的

电子邮件地址可以从列表中选择或重新输入。问题是输入新的电子邮件地址。

我正在尝试使用标记属性来获取它。但据我所知,仅当 ui-select 由简单字符串数组组成时才有效,而不是由对象数组组成时有效

代码:

柱塞:

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

如您所见,它适用于简单的字符串数组,而不适用于对象数组

问题:

如何将 ui-select 中的标记与对象数组一起使用?

0 投票
2 回答
2083 浏览

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

0 投票
1 回答
499 浏览

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}" 并且大括号会产生语法错误。

有人遇到过类似的问题吗?

0 投票
1 回答
1340 浏览

angularjs - ui-select angularjs bootstrap undefined is not a function 错误

我在尝试使用 ui-select 库时遇到了一些问题。我正在尝试使用选择下拉功能,但它不能正常工作。

这是使用的库:https ://github.com/angular-ui/ui-select

这是我的html代码:

它出现的错误是:未定义不是一个函数,当我单击 ui-selext 框时它会出现这个错误。

关于可能是什么问题的任何建议?

谢谢

附言

当我单击 select.js 错误链接时,它会将我带到以下代码。

不确定是什么导致了该问题,因为代码与示例代码非常相似。

0 投票
7 回答
11938 浏览

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 的值来解决这个问题,但这远非完美,显然也不是应该如何使用它。

有没有人遇到过这个问题,或者对我们做错了什么有任何想法?

0 投票
1 回答
3620 浏览

angularjs - 为什么 ui-select 不会每 2 次清除一次选择?

ui-select中,当我选择一个选项时,on-select回调确实会触发,但该选项不会每秒钟清除一次。

ui-select 有两种状态:

  1. 按钮 - 当我没有实际点击它时
  2. 输入 - 当我点击它并让我搜索

当它启动时,按钮有我的占位符文本“搜索...”。我点击它,开始搜索,它会弹出一个列表,我选择一个选项,on-select触发,我在其中清除ng-model.

然而,我每秒钟选择一次,它都会忽略ng-model我回调中的清除。

这是我的on-select代码:

我修改了基本ui-select示例 plunkr 来复制它:http ://plnkr.co/edit/16DRYH8MbPJOy0GpogZz?p=preview

  1. 点击选择
  2. 搜索文字,我发现“123”最简单
  3. 选择一个选项
  4. 看到ng-model清除了
  5. 再次搜索
  6. 选择另一个选项,或相同的选项
  7. 看到ng-model没有清除

这是图像。

最初的:

最初的

搜索期间:

选择

选择后(每第二个) -这是我的问题

选择问题后

为什么每次第二​​次选择后按钮最后一个图像中没有清除它?