Select2不结合

Question

我试图使用Select2与我的角度应用程序，但我有困难的绑定。有一个带有I数组的模型，我将绑定到该模型。当使用默认情况(不使用Select2)时，它可以正常工作，但一旦使用select2，就会丢失绑定。

我已经添加了预部分来显示cultureIds。正如你所看到的，它不会更新。当您不调用.select2()函数时，它确实绑定正常。

我也尝试过在选项标签中执行ng-重复操作，但结果是相同的。

在导致问题的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

正如buh所建议的那样，我能够通过绑定到“select2 2:select2”事件来修复这个问题，处理数据，然后触发摘要。

Answer 2

对不起，我不会回答这个问题，但是我建议不要使用jquery，而应该使用本机的select2版本。

原因是您正在编写AngularJS应用程序，您应该尝试使用angularjs的方式，而不是JQuery方式，这样就可以减少DOM操作。

看看这个，最好的，我已经在多个项目中使用了它，它很棒：

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

通过这种方式，您可以将所有内容保存在控制器和/或作用域上，并且不需要任何DOM操作，就可以使用select中的值--它还支持multiselect。

当我们在推荐一些东西的时候，看看这个，这是托德的座右铭AngularJS风格指南，事实上是最好的AngularJS在线指南(而且它还会让你对角度有一点准备)：

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