Angularjs 选择2不绑定

Angularjs 选择2不绑定,angularjs,jquery-select2,Angularjs,Jquery Select2,我试图在angular应用程序中使用Select2,但绑定时遇到问题。有一个带有ID数组的模型,我绑定到它。当使用默认值(不使用Select2)时,它可以正常工作,但一旦使用Select2,我就会丢失绑定 我添加了pre部分来显示CultureID。如您所见,它不会更新。当您不调用.select2()函数时,它会正确绑定 我也尝试过在选项标签中重复ng,但结果相同 下面是导致问题的HTML: <select class="Select2" ng-model="region.

我试图在angular应用程序中使用Select2,但绑定时遇到问题。有一个带有ID数组的模型,我绑定到它。当使用默认值(不使用Select2)时,它可以正常工作,但一旦使用Select2,我就会丢失绑定

我添加了pre部分来显示CultureID。如您所见,它不会更新。当您不调用.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>

{{region.cultureIds | json}
我已经包含了一个JSFIDLE来演示我的问题。

很抱歉,我不会回答这个问题,但我建议不要使用jquery select2,也不要使用本机版本

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

选中此项,angularjs的最佳ui选择,我已经在多个项目中使用过它,非常棒:

这样,您可以将所有内容都保留在控制器和/或作用域上,而无需任何DOM操作,您就可以使用select中的值—它还支持multiselect

当我们在推荐东西的时候,看看这个,这是托德的座右铭AngularJS风格指南,事实上最好的AngularJS在线指南(而且它会让你为AngularJS做一些准备):


很抱歉,我不会回答这个问题,但我建议不要使用jquery select2,也不要使用本机版本

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

选中此项,angularjs的最佳ui选择,我已经在多个项目中使用过它,非常棒:

这样,您可以将所有内容都保留在控制器和/或作用域上,而无需任何DOM操作,您就可以使用select中的值—它还支持multiselect

当我们在推荐东西的时候,看看这个,这是托德的座右铭AngularJS风格指南,事实上最好的AngularJS在线指南(而且它会让你为AngularJS做一些准备):


根据buh buh的建议,我可以通过绑定到“select2:selecting”事件来修复此问题,处理数据,然后触发摘要。

根据buh buh的建议,我可以通过绑定到“select2:selecting”事件来修复此问题,处理数据,然后触发摘要。

是否只发布显示问题所需的最低代码量?完成。。虽然我认为这已经是所需的最低代码量了。。我已经移除了周围的标签。这把小提琴是否也显示出缺少绑定?对id的相关数组位于selects下。它们正确地预先选择,但当您更改“多重选择”的值时,它不会更新。看起来您需要绑定到“select2:selecting”事件,处理数据,然后触发摘要。是否只发布显示问题所需的最小代码量?完成。。虽然我认为这已经是所需的最低代码量了。。我已经移除了周围的标签。这把小提琴是否也显示出缺少绑定?对id的相关数组位于selects下。它们正确地预先选择,但当您更改“多重选择”的值时,它不会更新。看起来您需要绑定到“select2:selecting”事件,处理数据,然后触发摘要。可能会更新您的链接,因为另一个已弃用。谢谢。我来看看这个。如果它适合我的需要,我会切换到这一个。可能会更新您的链接到,因为另一个已弃用。谢谢。我来看看这个。如果它适合我的需要,我就换这个。