Select2 不绑定

Question

我正在尝试将 Select2 与我的 Angular 应用程序一起使用，但我在绑定时遇到了问题。有一个带有 Id 数组的模型，我绑定到该模型。使用默认（不带 Select2）时，它可以正常工作，但是一旦我使用 select2，我就会失去绑定。

我添加了前部分来显示cultureIds。如您所见，它不会更新。当您不调用 .select2() 函数时，它会正确绑定。

我也尝试在选项标签中执行 ng-repeat，但结果相同。

在导致问题的 HTML 下方：

<select class="Select2"
        ng-model="region.cultureIds"
        multiple="multiple"
        ng-options="culture.id as culture.displayName for culture in cultures">
</select>
<pre>{{region.cultureIds | json}}</pre>

我已经包含了一个 jsFiddle 来演示我的问题。 http://jsfiddle.net/gymagmor/

Answer 1

对不起，我不会回答这个问题，但我建议不要使用 jquery select2 并使用原生 Angular 版本。

原因是你正在编写 AngularJS 应用程序，你应该尝试使用 angularjs 方式，而不是 JQuery 方式 - 所以更少的 DOM 操作。

检查一下，angularjs 的最佳 ui-select，我已经在多个项目中使用它，它很棒：

https://github.com/angular-ui/ui-select

通过这种方式，您可以将所有内容保留在控制器和/或范围内，并且无需任何 DOM 操作，您就可以使用 select 中的值 - 它也支持多选。

当我们在推荐东西的时候，看看这个，它是 Todd Motto AngularJS 风格指南，事实上最好的在线 AngularJS 指南（而且它会让你为 Angular 做好一些准备）：

https://github.com/toddmotto/angularjs-styleguide

Answer 2

按照 buh-buh 的建议，我能够通过绑定到“select2:selecting”事件、处理数据，然后触发摘要来解决此问题。