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

javascript - 将 angular-ui-select 与 angular 种子项目一起使用

我从https://github.com/angular/angular-seed创建了一个基础项目,我正在尝试使用 angular-ui-select 向该项目添加下拉菜单。我安装了 angular-ui-select 并将 select.js 和 select.css 添加到我的 index.html 文件中。还安装了 Angular-sanitize。

我的 view1.html 看起来像:

我的控制器看起来像:

附上一张我目前看到的照片。不知道为什么它不能正确显示。在此处输入图像描述

0 投票
1 回答
1549 浏览

angularjs - ui-select-choices 对象(哈希表)而不是对象数组

我有以下ui-select工作:

此选择的来源是以下数组...

但是,我希望我的“数据源”选择是一个对象文字,如下所示......

我已经尝试了几次,但无法使其工作,有什么想法吗?如果由于ui-select当前的实施而无法实现……有人知道原因吗?

提前致谢!

0 投票
1 回答
1029 浏览

jquery - Angular ui-select 多个和 ui-validate

在我的 Angular 应用程序中,我使用 ui-select (angular-ui-select)。

如果控件是多个选项,则添加属性“ng-required”不起作用。

我找到了添加 ui-validate 标记的选项。并且似乎在我填写此字段之前表格不会发送。

这是我的代码

和控制器

我的问题是如何找到该字段为空且未验证的css类

像 .ng-invalid Css 类

目前我在控制台中看不到任何 CSS 类

在此处输入图像描述 谢谢

0 投票
2 回答
1498 浏览

javascript - 使用另一个数据源作为默认选择时,从 ui-select 选项中删除重复项

好的,我知道这已经被覆盖了,我已经尝试了所有这些结果,但无法让它们在我的情况下工作:

我正在尝试将角度 ui-select 与多个数据源一起使用 - 一个用于默认选择,另一个用于可选选项,但不应发生重复

例如:

对于 ng-model 绑定,我在 $scope 上使用了一个空数组,该数组填充了与来自名为“categories”的 API 端点的帖子相关联的类别。

对于默认选择的选项,我正在获取已经与 post 对象关联的类别 - 这来自另一个 api 端点。

我的控制器

我的 HTML:

问题是,无论我做什么,总是有重复和角度怪胎,并出现以下错误:

“错误:[ngRepeat:dupes] 不允许在转发器中重复。使用 'track by' 表达式指定唯一键。”

哦,我试过使用“track by $index”,但没有运气。

当它们已经来自另一个数据源时,如何使用两个不同的数据源并让 ui-select 从选择下拉列表中删除重复项?

Plnkr 演示我的问题:http ://plnkr.co/edit/WDthr7?p=preview

0 投票
0 回答
472 浏览

angularjs - ui-选择必填字段验证

我们可以将默认的 HTML 必填字段验证警报框设置为 UI-Select,就像给出的链接中的那个一样。如果是这样,如何?

https://www.google.co.in/imgres?imgurl=http://i.stack.imgur.com/R3h1L.png&imgrefurl=https://stackoverflow.com/questions/18770369/how-to-set- html5-required-attribute-in-javascript&h=178&w=675&tbnid=j8M7AwOECpa80M:&docid=NL_CUnsolMwYCM&ei=HICwVtbjJouyuASina_4Dg&tbm=isch

编辑:我的代码类似于

名称作为用户的名字和姓氏列表。

0 投票
2 回答
878 浏览

javascript - Angularjs ui-select(select2)不使用'Controller as'语法没有被选中

我正在尝试使用位于GitHub 上的AngularJS ui-select 选择 HTML 控件。出于某种原因,我可以在使用 $scope 语法时选择项目,但在使用 Controller As 语法时不能。我正在尝试使用 Controller 作为语法的 plunker 位于此处。我不确定我错过了什么,特别是因为 $scope 语法完美运行。

我没有报告任何错误。这是 plunker 中的一个片段。

控制器

app.controller("MainCtrl", MainCtrl);

索引.html

0 投票
1 回答
129 浏览

javascript - 有没有办法在角度 UI 选择的下拉列表中的第 n 个项目之后创建分隔符?

下面是我正在实现 UI 选择的代码。我通过检查元素获取了 ID 并获得了以下 HTML 元素:在获取 id("ui-select-choices-row-0-0") 之后,我应用了自己的 css

0 投票
1 回答
5013 浏览

angularjs - 在 angular-ui-select 多选模式下禁用选定的选项

ui-select多重模式下,从选项列表中删除了选定的选项(也检查了源代码),但我只需要禁用选定的选项,如下所示,而不是被删除。

在此处输入图像描述

上图取自selectedjs

有一个选项 ,ui-disable-choice可以禁用选择,但它只会使选择完全无法选择。

那么,如何使选定的选项出现在选项中但被禁用?

plnkr示例在这里。

0 投票
0 回答
66 浏览

angularjs - angular ui-select - 如何像选择框一样使用?

我觉得这应该在文档中,但它不是(实际上很多东西都不是)所以我困惑。

我所需要的只是一个与 html 版本完全一样的可搜索选择框。我有一个项目列表,[{name, id}]我的模型上有一个projectId属性(所以只有id,而不是对象)。

我似乎无法弄清楚如何像使用常规选择框那样通过 projectId 绑定。所有演示都显示了完整对象的绑定,但我只需要并且想要 id。我不想做任何骇人听闻的事情并修改我的模型(显然我可以添加间接层直到这可行,但我想以正确的方式做到这一点)。

0 投票
1 回答
357 浏览

javascript - 角度 ui-select 不呈现输入字段

嘿,伙计们,我很介意,

我有一个 Angular 1.4.7 项目并想使用“ui.select”,但我总是遇到这个错误:

我已经测试了一切:(

他们在这里谈论问题,但没有解决方案: Github Issue #992

我的 index.html js 部分(css 包含在 head 中):

我的指令调用:

vm.legalbranches 和 legalbranches 通过解析在控制器中设置。Legalbranches 是一个对象数组。

我在 0.14.8 版本中使用 ui-select,在 0.14.0 版本中使用 angular-ui-bootstrap,在 1.4.7 中使用 angular

问题出在哪里???

编辑:这是加载站点后 dom 中的结果: