javascript – Angularjs select2 Ajax绑定

我正在使用AngularJs Select2.我试图从远程获取数据.以下是我的代码

HTML：

<div class="col-md-4 left">
  <input type="text" style="width:300px" ui-select2="multi" ng-model="multi2Value" multiple="multiple" />
 </div>

JS：[更新]

$scope.multi = {
            ajax: {
                headers: { 'Content-Type': 'application/json' },url: "http://localhost:63591/Lookup?lookup=Lookup&key=acc",data: function (term,page) {
                    return {}; 
                },results: function (data,page) {             
                    console.log(data);
                    return {results: data.LookupValue};
                }
            }

我的回答是

{ "LookupValue" : [ "AAAA","BBBB","CCC" ] }

但在控制台中,我看到了响应.但它没有加载到选择下拉列表中.

我的代码出了什么问题.任何人都可以帮助我吗？谢谢

解决方法

我认为您必须将您的响应保存在某些范围变量中,例如$scope.listLookup并将其返回到您的ajax中,在此步骤之后,尝试将其绑定在HTML中,如：

<select ui-select2 ng-model="multi2Value" data-placeholder="Pick a Lookup">
    <option value=""></option>
    <option ng-repeat="lookup in listLookup " value="{{lookup.value}}">{{lookup.text}}</option>
</select>

如果listLookup的项目,值和文本是查找的一些虚拟属性,则查找列表中的每个项目都在哪里…

看看this article,希望你明白这个想法.