Select2和Angular - 查询函数未定义

时间:2013-06-07 22:36:33

标签: angularjs jquery-select2

我正在使用带有角度界面的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选项。我该如何解决这个错误?

1 个答案:

答案 0 :(得分:2)

你通过调用$('#form1')绕过AngularUI Select2代码.select2() - 这只是常规的jQuery select2方法。

您希望在作用于控制器的对象中设置select2选项

$scope.select2setup = {...}

然后在你的HTML中

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

@ https://github.com/angular-ui/ui-select2

记录得很清楚