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

angularjs - 在对象上使用 ngRepeat 时如何设置选中

我正在尝试设置 select2 下拉菜单的初始值。问题是该值是一个对象。我试着弄乱,initSelection但我什至无法让它调用它。我把它放进debugger去,什么也没有发生。ngSelected也不起作用:(

我做了一个plunker

标记

控制器

我希望在$scope.selected下拉列表中选择值。

0 投票
1 回答
1175 浏览

angularjs - 我的 Angular Select2 下拉菜单需要传递更多的值,而不仅仅是更改事件的选项名称

我正在使用 Angular-Select2,实际上我需要的是在更改时收集一些比当前选择的选项名称更多的值。例如,如果选择了 options RedBlueYellow,则当前值是这些值的数组。我想要做的是在选择框下方显示所有(在本例中)选择的颜色。到目前为止它的工作原理 - “颜色”正在显示,当我从选择框中删除一个(作为标签,通过单击 X 符号)时,底部会相应更新。

我需要进一步完成的是发送其他值或至少一个(id),以便我可以查询我的数据库。我知道,我可以将它包含在实际名称之前,然后在我的列表中删除以便能够单独操作它,但随后 id 也会显示在下拉列表和选定选项中。

如何进行?是否有任何内容可以附加到选项并在显示文本选定选项文本的以下区域内发送和阅读。

我期待着这样的变化:

编辑:如果感到困惑 - 这是多选下拉菜单。编辑:

select2 标记:

0 投票
1 回答
2297 浏览

angularjs - Angular Select2 formatResult 未更新模板

我有一个带有以下标记的 select2 下拉列表:

js包含以下内容:

$scope.items(具有 id、布尔显示属性和名称属性的数组)

和选择2个选项:

好吧,ng-repeat正确更新了 html 标记并将 data-show 属性设置为 true 或 false,但该formatResult函数不会更新此值。在html源代码data-show="true"formatResult函数$elem.data('show') = false;中,为什么每次打开select2时调用函数时它不更新?

这是一个说明我的问题的 plunker:plnkr.co/edit/d0LxuhzdQh7hMdzOoxpr?p=preview 。它看起来 formatResult 在第一次打开 select2 之前只正确更新了一次结果。

0 投票
1 回答
1385 浏览

angularjs - Angular's two way binding on ui-select2

Simple problem, probably discussed many times, but I can't find a proper solution on this simple issue.

The problem:
modifications on selected items have no effect on the view (which it should).

Controller:

View:


Here as jsfiddle


How can I make the two way binding work?

0 投票
1 回答
173 浏览

json - 如何从 ui-select2 选定值中删除 json 格式并仅显示该值

我有一个 ui-select2 选择,它工作正常,但我需要将所选值格式化为这个值、值、值。我几乎在那里。它返回 ["value","value","value"]。我有办法从我的价值中解析出 [" "," "] 吗?

0 投票
9 回答
13487 浏览

angularjs - ng-model 在 ui-select 中没有改变

我正在尝试实现一些非常简单的事情:

更改对象时,更改不会反映在模型 company.stack 中。我尝试将其更改为 $parent.company.stack,但它仍然无法正常工作。我错过了什么?我正在使用 AngularJS v1.3.0-beta.17。

0 投票
3 回答
3781 浏览

angularjs - Angular ui-select 错误:404(无法加载模板)

有人在使用angular-ui-select时遇到问题吗?

收到此错误

从文档中 - 我只需要参考 select.js 和 select.css

0 投票
1 回答
1556 浏览

angularjs - AngularJS ui-select 问题

我正在尝试使用 ui-select 指令,并且除了删除项目之外已经完成了所有工作。每当我单击“x”时,页面都会尝试验证表单并且不会删除该项目。如果我确实提交了表单,则数据会正确传回。

当我尝试将模板更改为“select2”(这是我的设计师给我的基本控件),而不是由于表单验证问题而失败时,它只会让我回到我网站的根页面。我可以使用任何一个主题 - 我只需要一个可以单击“x”并删除该项目的主题。

在我开始使用控件之前,这两个主题都存在搜索框大小不合适的问题。

有任何想法吗?

0 投票
5 回答
18707 浏览

angularjs - 我如何 $watch Angular-ui 的新 ui-select(以前的 ui-select2)搜索字符串更改?

我注意到 Angular-UI 已经停止使用他们的 UI-Select2 指令,转而使用新的 UI-Select(具有多个主题 - select2、bootstrap、selectize)。

它看起来像这样:

最初,我的选择框应该是空的,但准备好接受键入的字符,即至少 4 个字符的字符串,然后进行 API 调用以检索要填充框的建议值列表。然后将选择一个值,并根据需要重复搜索。

首先我尝试$watchng-model在这种情况下是multipleDemo.colors(使用演示中的这个例子)。API 调用从未发生过,然后我意识到了原因。实际模型根本没有改变,因为它只在进行选择时才会改变(我的选择框是空的,所以什么都不能选择)。

我的结论是我应该(能够)$watch作为过滤器添加的内容,即filter: $select.search.

有谁知道我应该如何在我的控制器中使用那个?

这个:

不起作用。

编辑:供任何人参考,请参阅这个简短的讨论:是否可以添加对自定义查询功能的支持,如 select2?

编辑2:

我通过$emit在指令中使用解决了这个问题,因此该值现在可以在我的控制器中使用。但是现在我想知道如何覆盖指令的这一部分,以便指令本身可以保持不变,这样它就不会在未来的更新中中断?

0 投票
1 回答
2696 浏览

angular-ui - Angular - UI-选择(选择 2)高度

选择项目时如何设置 Angular UI-Select 小部件的高度。我有一个包含图像和内容的选定项目的自定义模板,它被切断了。

有什么地方可以选择吗?我觉得它应该扩展以适应模板。