AngularJS / Select2以编程方式添加项目并选择该项目不起作用

时间:2014-03-07 00:06:56

标签: angular-ui ui-select2

我是使用AngularJS和select2控件(AngularUI)的新手,并使用最新的稳定版本的select2(3.4.5)。我试图通过javascript以编程方式将项目添加到ui-select正在使用的列表中并选择该项目。出于某种原因,它会更新ng-model,但不会从下拉列表中直观地选择项目。

此处示例: http://plnkr.co/edit/X1flkKxnDHVCgXHnnmE4?p=preview

正如您将看到的,当您单击“添加黄色”时,它会将其添加到下拉列表中,并将模型selectedColor设置为正确的颜色,但是,它不会在{{{ 1}}。任何帮助都会很棒,谢谢!

2 个答案:

答案 0 :(得分:0)

在向列表添加新项目后,您应该添加$scope.$Apply();,以便Angular可以正确呈现它。

您可以在此处查看示例:http://plnkr.co/edit/66zQdJl1MvRIcx3qGCkz?p=preview

答案 1 :(得分:0)

解决这个问题的小黑客: http://plnkr.co/edit/Us35mGXkaOGGc3jHGdDf?p=preview

您只需按angular.copy()复制数组。

有两个例子。查看版本块。首先是字符串,第二个是对象。