问题标签 [ui-select2]

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 回答
680 浏览

javascript - 在控制器中更改范围变量不会更改视图中的变量

我将 Select2 与 AngularJS 一起使用,并且我想更改与控制器中的选择框关联的 ng-model。目前在我的 plunkr 示例中,每当我更新 ng-model 时,select2 框都会清除,就好像我将 ng-model 重置为空数组一样。我如何设置它,以便我可以先添加一个人,然后在控制器中启动一个功能以向选择框添加更多选择,然后在框中同时看到原始选择和新选择?

Plunkr

JS 控制器

HTML

0 投票
1 回答
207 浏览

angularjs - 从 ui-select2 --> Inputsearch 文本框获取数据并保存在数据库中

我正在使用 ui-select2 。我想访问“搜索文本框”值。我怎么能这样做?

这个文本框有事件吗?

0 投票
1 回答
2701 浏览

angularjs - ui-select2 和 ng-options 的问题

简单的问题,可能已经讨论过很多次了,但是我在这个简单的问题上找不到合适的解决方案。

问题:为什么道尔顿是可选的,但选定的道尔顿没有出现在选择元素中?

控制器:

看法:

这是一个jsfiddle

0 投票
1 回答
5712 浏览

javascript - angular ui-select 中的 ng-disabled 选项缩小文本框

我正在使用角度 ui-select 指令并尝试使用 ng-disabled 选项禁用它。

这是 plunker http://plnkr.co/edit/julETCG4zCGAxFJ0PSBF?p=preview

文本框的大小随着 ng-disabled="true" 缩小。

0 投票
0 回答
241 浏览

ember.js - this.refresh 不适用于 select2 下拉菜单

我创建了一个允许多项选择的 select2Select 视图。现在,如果我从下拉列表中选择一个值,然后this.refresh()在相应的路线中执行操作,则该值不会在视图中回滚,但其他选择下拉列表(如 Ember.Select)会将值重置为默认值(按预期工作)。任何人都可以建议是否我对创建的 select2Select 视图做错了什么,因为选择显示为先前选择的值。

哈佛商学院:

选择2选择查看JS:

在路线中:

0 投票
0 回答
1664 浏览

javascript - 当实际选项低于应该用于 optgroups 的选项时,使用 ui-select(新版本)的 Optgroups

我正在使用 UI-Select(select2 主题)和一组数据,这些数据以以下形式返回:

我创建 optgroup 的功能:

它确实正确地创建了我的 optgroups。

这里的问题如下。为了能够创建 optgroups,我需要处于此级别:

如果您想知道这段代码的结果是什么,请看这张图片:http ://screencast.com/t/S2VBuK1jXtA

所以很明显数据在那里,但需要缩小到所需的 diseaseName 属性。但是...如果我这样做,我将失去 optgroups!我将不再处于category可用财产的水平。另一个想法是缩小范围statestate.options. 但是该值仍然是一个需要对其自身进行迭代的对象数组。但是,如果有一个选项可以为实际选项实现另一个转发器(旨在实现类似的东西<span ng-repeat="name in state.options">{{name}}</span>- 那会做到这一点。我已经尝试过,但指令(ui-select)不喜欢它。

他们有这个group-by东西的官方演示,但在这种特殊情况下,该函数只是将 optgroups 创建为自定义字符串(字母跨度),这与我的问题完全不同。

请参阅最底部的示例:http ://plnkr.co/edit/juqoNOt1z1Gb349XabQ2?p=preview

0 投票
2 回答
857 浏览

angularjs - ui-select2 多个初始值

我在为 ui-select2 以角度预选一组变量时遇到问题。

我的控制器:

我的观点:

ng-model 不预先选择值

当我分配$scope.userdata.roles = $scope.roles它会工作。

如果有可能我想使用这个数组,但我无法用这个进行编码:

编辑:当我用它作为我的观点时:

这对于我的控制器:

它也行不通。时间有问题吗?

0 投票
0 回答
431 浏览

angularjs - ui-select2 和数值 - 自动转换为字符串

ui-select2在我的角度项目中使用。

我的模型下载了一个名为的复杂对象Field,其中包含多个属性(aField具有标题\值和其他内容)。

现在具体来说, myField有两个相关的属性ValueOptions.

OptionsValue是一个包含和的键值数组对象Text。它特定于选择框。

Text属性是一个字符串值(显示),其中该Value属性通常是一个数字,但也可以是一个字符串。

底线,我的 select2 模板看起来像这样:

非常琐碎..
我的问题是 ng-model 将所选选项Value转换为字符串(例如 2 ->“2”),通过这样做,我在从服务器返回后遇到所选值的问题(因为 2 ! ==“2”)。

我已经深入调试了源代码,但找不到一个好的解决方法。

我尝试使用ng-options这种方式:

但后来我model得到了 key-value object。现在我可以通过添加一个虚拟的 ng-model 属性并在将分配给“真实”模型的范围上添加一个手表来想到一个丑陋Value的解决方法 - 但我不想这样做。

有人对我有什么建议吗?

0 投票
0 回答
66 浏览

angularjs - 如何动态更新ui-select中突出显示项的样式

我试图更新突出显示项目的样式,但没有找到办法。

我使用ui-select和多选,没有 jQuery。任何帮助将不胜感激。

伊丹

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