问题标签 [angularjs-select2]

我在弄清楚如何使它们一起工作时遇到了一些困难。这是我想做的事情：

该模型是使用 $resource 从其余 API 获取的：

返回的项目有一些字段，其中一个数组字段列出了类别的 id：

在 UI 中，我希望这些类别显示为可编辑的多选。用户不应该使用 id 进行操作，而是应该看到并能够选择来自应用程序内映射的字符串表示。所以在html中：

并且在控制器中：

显然，上面的代码段不起作用，我不知道如何让它们工作来做我想做的事。ui-select2 希望模型（item.categories）是一个对象数组 {id, text} 并且我希望它只存储数据库中项目的 id 并将映射分开。我不能是第一个这样做的，必须有解决方案，请帮助。

谢谢

我正在尝试使用 Angular 的 $http 指令从服务器中提取标签列表，并使用它来填充 select2 选择。我的代码如下所示：

但是，“标签”没有更新！或者，更确切地说，“标签”正在更新，但 select2 小部件似乎没有正确绑定。

视图如下所示：

这是一个完整的测试应用程序的要点：https ://gist.github.com/poundifdef/6544542

我是否不正确地使用了 select2 模块？还是模块本身有错误？

我正在使用来自https://github.com/angular-ui/ui-select2的 select2

如您所见，上面的代码会将两个输入框转换为 select2 输入框，但两个输入框都将包含产品数据。我想要装满书签的书签输入框和带有产品的产品输入框。

假设示例来说明我在使用 angular-UI select2 时遇到的问题。假设我有一个屏幕，我想在其中编辑“游戏”模型。游戏，除其他外，有玩家。我希望能够通过 select2 下拉菜单设置播放器。这是一些示例代码：app.js

视图.html

当我想保存这个“游戏”对象时，我将游戏对象发送到服务器。服务器期望 game.players 是一个对象数组。但是，发送的是一个字符串。我对角度比较熟悉，并且对 select2 完全陌生。如何让我的 select2 将 game.players 设置为对象数组而不是字符串？

带有 AJAX 多选的 Angular ui-select2 - 将最终选择值检索为 ids 而不是 json

问题陈述

我想使用 ui 控件的 tokeninput/chosen/select2 样式来编辑模型中的 id 数组。该 id 数组是我正在为其构建编辑器/表单的较大模型中的一个属性的值。编辑完 ids 数组后，当我将模型提交到服务器时，我希望将该属性作为 ids 数组提交，而不是作为 json 对象数组提交。

当使用 Angular 的 ui-select2 组件时，我的属性的内容会被一个 json 对象数组替换。目前尚不清楚如何在编辑完成后撤消它。我以为我可能使用了错误的组件，但是在使用 angular 执行此类操作时，所有线程似乎都指向使用 ui-select2。

解释

数据模型以一个 'myProp' 属性开始，它是一个 id 数组：

ui-select2 指令将这些 id 替换为 json 对象。这是加载 ui-select2 后模型的示例。（此 plunker 中的现场演示：http://plnkr.co/edit/vEf1VwnRHNYdB9AuR9zO）：

当我保存我的模型时，我希望将此属性作为 id 数组而不是 json 对象数组提交给服务器。所以基本上我想将数组扁平化为 ids 而不是 json 对象。select2 API 提供了一个val方法，可以返回这个 id 数组。我如何/应该在 Angular 的 ui-select2 组件的上下文中使用它？

警告：我在页面上为多个属性多次执行此操作，因此特定于属性的硬编码修复将不起作用。对于我使用 select2 编辑的任何属性，它必须是自动发生的

示例代码

（请参阅此 plunker 中的代码：http: //plnkr.co/edit/vEf1VwnRHNYdB9AuR9zO）

在键盘上的 select2 中按下向下箭头键然后我必须避免服务器调用，因为服务器调用再次刷新列表并且我的向下箭头键功能不起作用，但不知道如何？我对 select2 没有任何先验知识，所以请让我知道这个事件在 select2.js 中的哪里处理？