问题标签 [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.
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 看起来像:
我的控制器看起来像:
angularjs - ui-select-choices 对象(哈希表)而不是对象数组
我有以下ui-select
工作:
此选择的来源是以下数组...
但是,我希望我的“数据源”选择是一个对象文字,如下所示......
我已经尝试了几次,但无法使其工作,有什么想法吗?如果由于ui-select
当前的实施而无法实现……有人知道原因吗?
提前致谢!
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
angularjs - ui-选择必填字段验证
我们可以将默认的 HTML 必填字段验证警报框设置为 UI-Select,就像给出的链接中的那个一样。如果是这样,如何?
编辑:我的代码类似于
名称作为用户的名字和姓氏列表。
javascript - Angularjs ui-select(select2)不使用'Controller as'语法没有被选中
我正在尝试使用位于GitHub 上的AngularJS ui-select 选择 HTML 控件。出于某种原因,我可以在使用 $scope 语法时选择项目,但在使用 Controller As 语法时不能。我正在尝试使用 Controller 作为语法的 plunker 位于此处。我不确定我错过了什么,特别是因为 $scope 语法完美运行。
我没有报告任何错误。这是 plunker 中的一个片段。
控制器
app.controller("MainCtrl", MainCtrl);
索引.html
javascript - 有没有办法在角度 UI 选择的下拉列表中的第 n 个项目之后创建分隔符?
下面是我正在实现 UI 选择的代码。我通过检查元素获取了 ID 并获得了以下 HTML 元素:在获取 id("ui-select-choices-row-0-0") 之后,我应用了自己的 css
angularjs - 在 angular-ui-select 多选模式下禁用选定的选项
在ui-select
多重模式下,从选项列表中删除了选定的选项(也检查了源代码),但我只需要禁用选定的选项,如下所示,而不是被删除。
上图取自selectedjs。
有一个选项 ,ui-disable-choice
可以禁用选择,但它只会使选择完全无法选择。
那么,如何使选定的选项出现在选项中但被禁用?
plnkr示例在这里。
angularjs - angular ui-select - 如何像选择框一样使用?
我觉得这应该在文档中,但它不是(实际上很多东西都不是)所以我很困惑。
我所需要的只是一个与 html 版本完全一样的可搜索选择框。我有一个项目列表,[{name, id}]
我的模型上有一个projectId
属性(所以只有id,而不是对象)。
我似乎无法弄清楚如何像使用常规选择框那样通过 projectId 绑定。所有演示都显示了完整对象的绑定,但我只需要并且想要 id。我不想做任何骇人听闻的事情并修改我的模型(显然我可以添加间接层直到这可行,但我想以正确的方式做到这一点)。
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 中的结果: