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

angularjs - 如何在angularjs中按数组过滤?

我似乎无法让它工作,我正在尝试根据 ui-select 创建的数组进行过滤。

看法:

控制器:

两种模型的 HTML:

两个请求都添加了 HTML。

0 投票
1 回答
1924 浏览

javascript - 如何在 AngularJS 中为 ui-select 模块定义自定义过滤器?

这是html中选择字段的代码:

然后是过滤表格列表的重要字段:

我在自定义过滤器 selectGroup 中使用来自 ui-select-tag 的 ngModel 值作为过滤器的参数。

名称列表值来自数据库。这里是 QR_Group DB-Table 的 GET 请求的 JSON 结果:

我从 WebAPI 方法 GetGroup 获得的这种 JSON 格式。如何使用自定义过滤器在表格列表中显示 QR_Name 数组?

这是我的第一个想法:

但是过滤器不能正常工作。

0 投票
1 回答
1674 浏览

angularjs - Angular UI Select,唯一值预选数组

假设我想要编辑一个现有实体,该实体具有一组值,这些值也是可选值的一部分。例如

我的 ui-select 指令将类似于:

然而,ui-select-choices选项列表似乎无法删除重复项,即使我使用过track by language.id.

知道如何正确执行此操作吗?

0 投票
2 回答
2737 浏览

angularjs - 指令中使用的Angularjs ui-select

我在名为 timezone 的自定义指令中使用 angular-ui ui-select 指令。问题是当从列表中选择时区时,周围控制器的模型对象不会更新。这是我的指令代码:

我的控制器:

这是我在 html 中使用它的方法:

问题是当我从下拉列表中选择一个新值时,我的控制器对象没有更新。 这是 jsFiddle 我猜 ui-select 有问题,因为我对其他组件做了同样的工作。

0 投票
0 回答
503 浏览

angularjs - 自定义指令中的 angular-ui/ui-select

我在自定义 angular 指令中使用 angular-ui/ui-select,当我第一次加载页面或进行完整的浏览器刷新时,单击下拉箭头时不会出现下拉菜单,但是,如果我导航到另一个状态(是的,我正在使用 ui-router)然后回到有下拉菜单的状态,下拉菜单工作得很好。以下是一些观察结果:

  • 我尝试对指令同时使用原型继承和隔离范围,但在这两种情况下,都存在错误行为。
  • 我将下拉菜单移到指令之外,它工作得很好。

有人知道我做错了什么吗?

谢谢

0 投票
1 回答
3256 浏览

angularjs - 在ui-select中显示对象的键值

我正在使用ui-select填充一些数据作为选择,数据存储在对象数组“pageArray”中,对象如下所示

例子,

现在在 ui-select 中,我想将选项显示为“alpha”、“beta”、“gamma”……基本上是键值,我该怎么做?

我现在使用的 ui-select 代码是这样的

或者有没有更好的方法来做到这一点?

基本上在 ui-select 中,我想将选项设置为 ["alpha", "beta", "gamma", ....]。当我们选择一个特定的名称时,应该选择相应的对象,例如如果我们在列表中选择“alpha”,那么

0 投票
4 回答
15884 浏览

angularjs - ui-select multiselect 在显示选项时非常慢

我遇到了这个问题,我不知道如何解决它。我在我的页面中使用了ui-select 多选。首先,向获取数据的 url 发出 http.get 请求,然后填充 ui-select 选项。数据很大 - 数据长度为 2100。此数据将显示为选项。(数据在页面加载过程中一开始就获取,并存储在一个数组中)

但问题是每次我点击多选选择一个选项时,填充列表需要 4-5 秒,页面变得非常慢。我该怎么做才能减少这个时间?

选择数据存储在数组中,数据类型是字符串数组。

在控制器中,

如果不是这种方式,是否还有其他我可以使用的选项/选择不会延迟显示选择选项?

0 投票
1 回答
225 浏览

angularjs - AngularJS ui-select:完全键入时未添加选项

我正在使用 angular ui-select,我希望允许用户使用自动完成来选择一个选项,但也允许他们输入自定义选项。

我已将控件配置为启用标记但没有标记标签,如下所示:

这是一个示例 plunkr:http ://plnkr.co/edit/YW7WloZCds1XIOS6UsNs?p=preview

问题是当您输入一个存在于可用颜色中的单词并按 Enter 键时,该选项不会被选中。

在 plunkr 中,如果您键入Blue并按 Enter,您可以看到这一点。

我哪里错了?

0 投票
2 回答
1771 浏览

javascript - Angular ui-select,忽略选择中的空项目

假设我有这样一个数组。

我想使用角度 ui-select 来形成下拉选择。由于第三个对象不包含“名称”,因此不应显示。

plunker:http ://plnkr.co/edit/jbFDnJZSsGHVnC7Ty0wK?p=preview

但是 ui-select 一直显示一个小的空白空间。想知道我怎么能克服这个。欣赏。

0 投票
2 回答
1243 浏览

angularjs - 禁用Angularjs的多个ui-select上的表单提交

当使用 AngularJS 的多个版本的UI-Select时,一旦用户按下回车,表单就会提交。许多用户开始输入标签并按回车键选择它并搜索新标签。但是一旦用户按下输入,表单就会提交。

禁用此功能的最佳“Angular”方法是什么?

查看示例