angularjs - Select2 和 Angular - 未定义查询功能

Question

我正在将 Select2 及其角度界面用于选择表单，例如

<select ui-select2 ng-model='thing' data-placeholder='Options' id='form1>
  <option value=''></Option>
  <option value='1'>Option 1</Option>
  <option value='2'>Option 2</Option>

在我的控制器中，我有这条线

$('#form1').select2();

启用 Select2。但是，当我运行它时，我得到了错误

query function not defined for Select2 s2id_form1

输入框中什么也没有显示。我试图在初始化程序中放入一个查询函数，但没有任何效果。当我定义一个查询函数时，比如

$('#form1').select2({query: function (query) {return 0;}});

它说我不能在表格中添加query选项。select我该如何解决这个错误？

Answer 1

好吧，您通过调用 $('#form1').select2() 绕过了 AngularUI Select2 代码——这只是常规的 jQuery select2 方法。

您想在控制器范围内的对象中设置您的 select2 选项

$scope.select2setup = {...}

然后在你的html中

<select ui-select2="select2setup"....>

这一切都有很好的记录@ https://github.com/angular-ui/ui-select2