问题标签 [angularjs-select2]

我为输入元素创建了一个指令，该指令创建了一个自定义的 select2 下拉菜单。
选择一个元素后，原始输入字段（用于通过 ngModel 过滤数据）被从下拉列表中选择的数据填充，但不会触发输入的更改事件。
如果我手动更改输入值，则过滤器正在工作。

这是我的指令的代码。

我认为element.bind("change")inscope.apply()会触发视图更新，但它不起作用。有人知道如何告诉 ngModel 它有新数据吗？

编辑：我想通了，问题是 ngModel。因为我必须过滤几个值，所以我的模型是filter.foobar. 这是行不通的。如果我将模型更改为foobar，它将起作用。我创建了一个小提琴来说明：http: //jsfiddle.net/StinsonMaster/6t3Nt/3/

这是我尝试过的代码。我尝试使用 angularjs 代码和 html 代码添加占位符，但在这两种情况下都不起作用。请帮助我或建议我在这种情况下该怎么做

角js代码：

带有 Angular 的 select2 似乎正在工作 - 但是我使用的是 ui-router 并且我有不同的选项卡。

我的 select2 输入之一用于两个选项卡，并且 ng-model 是相同的。虽然一切正常，但当我从一个选项卡切换到另一个选项卡时，它不会显示 select2 输入中的值，而是显示 [object Object]，即使我从选项卡 A 切换到选项卡 B，然后再次切换到选项卡 A，而不是看到我放下的值，我看到了[object Object]

有一个简单的解决方法吗？

代码如下：

我正在通过使用 ui-select2="" 创建一个下拉列表，我如何将列表项排序到结果中

html:

js：

我如何将列表元素排序到结果中

我最近从 angular 1.1.4 升级到 1.2.9，并获取了最新的 ui-select2 指令和最新的 select2 组件。我在标签模式下的 select2s 已停止工作。选项列表和预输入工作，但是当我从中选择任何内容时，新标签显示为没有值的空白内容，并且调试它，我看到它正在从 {text: "foo", id: 10}刚刚下降到 10 - 对象被替换为 id。我真的很感激任何关于为什么会发生这种情况的见解。

演示：http ://plnkr.co/edit/RepMSFQsIPDuPTNFWKUN?p=preview

这是我的 select2 选项：

我有一个项目，我正在使用 BreezeJS 从我的网络服务器获取数据。我将 AngularJS 与 ui-select2 模块一起使用。目前，我有它，当我加载我的页面时，breezejs 会调用以获取我转储到范围变量中的数据。从那里，select2 可以轻松地引用它并相应地构建。

如果我想 ajaxify 事情，它会变得非常棘手。我希望能够使用 select2 的 ajax 或查询支持，但我不想使用它来获取数据，而是想使用微风js 来做。因此，在页面加载期间，直到我开始输入 X 最小字符之前，什么都不会加载，然后再进行 ajax 获取。

约束：我不想使用 select2 的“ajax”来获取数据。我希望 BreezeJS 处理服务调用。当我使用 ajax 时，每次我按下一个字符时都会调用一个 ajax 来过滤结果（类似于自动完成）。我只希望列表加载一次，然后使用本机过滤。

这是我到目前为止所拥有的：

微风js-StateContext.JS

这可以正常工作并正确返回我的 json 对象。

这是我调用服务的方式：

这是我的html：

目前，当页面加载时，html select2 控件会加载。但我想拥有它，所以当我输入超过 2 个字符时，我将能够调用 $scope.getAllStates(); 作为ajax调用。在为 webapi 配置 BreezeAdapter 时，BreezeJS 已经在本地使用 ajax。

我正在考虑使用 select2 的 ajax 或查询调用.. 但我宁愿使用微风来获取数据，因为它使查询可扩展，并且我不想违反我的设计模式，或者使代码更难维护，并且我不希望每次在文本框中输入新字符时都进行 ajax 调用，我只希望它发生一次。

关闭尝试：

将我的html更改为：

在我的控制器中，更改 select2StateOptions：

这就是问题所在。BreezeJS 使用一个 Q 库，它使用了一个叫做“promise”的东西；这是一个承诺，即在进行 ajax 调用后将返回数据。问题在于，查询函数期望填充数据，但是在从查询函数返回之后调用“stateQuerySucceeded”函数的承诺。

所以它首先点击查询功能。然后点击 getAllStates()。从查询返回（未填充任何内容），然后调用“stateQuerySucceeded”。

换句话说，即使我已经能够获取数据，但这样做为时已晚.. select2 的查询功能没有在正确的时间接收数据，并且我的 html 选择挂在带有搜索微调器的“正在搜索...” .gif。

我已经在我的应用程序中实现了 angular-ui select2，它工作正常，但是选择框容器（在搜索上方）的呈现小于下拉面板。

这就是我的意思：

HMTL：

我select2在 Angular 项目中使用（使用 yeoman）。Select2 css 位于以下目录中：

bower_components/select2/select2.css bower_components/select2/select2.png

css 以下列方式使用 select2.png： background-image: url('select2x2.png')

运行 concat 和 minify 后，我有以下结构：

bower_components/select2/d204997b.select2x2 样式/034d1972.vendor.css

但问题是 venodr css 的 select2 部分正在样式目录中寻找 d204997b.select2x2 。

这是我的 GruntJS 文件的一部分：

谢谢

我真的很想知道如何为正确的对象设置正确的属性。

目前在“更改”事件处理程序中，我不知道我所处的范围。实际上我不知道应该更新哪个位置。

Plunker：http ://plnkr.co/edit/T4aBzND7VV2gCkui0I7P?p=preview

代码亮点

注意：我不想使用https://github.com/angular-ui/ui-select2 我想更接近我的代码，控制自己:)

注意： Select2 构造了一些屏幕外的 div，我可能会查找$(e.target).parent().text()，但它对我来说看起来很难看

如果您对如何以“角度方式”正确执行此操作有任何建议 - 请在答案/评论中告诉我:)

我有一个带有支持 JSON 的下拉列表，如下所示：

这是下拉列表，使用select2，模型是所选贸易风格的 ID：

在它旁边，我想放置一个文本字段，其中显示了所选交易风格的名称并且可以进行编辑。

如何将后者的模型更改为指向所选贸易风格的名称而不是 ID？换句话说，如何遍历作用域对象指向所选ID值的兄弟名称值？