Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angularjs select2 Ajax绑定_Javascript_Angularjs_Twitter Bootstrap_Select - Fatal编程技术网

Javascript Angularjs select2 Ajax绑定

Javascript Angularjs select2 Ajax绑定,javascript,angularjs,twitter-bootstrap,select,Javascript,Angularjs,Twitter Bootstrap,Select,我正在使用AngularJs+Select2。我正试图从远程获取数据。下面是我的代码 HTML: <div class="col-md-4 left"> <input type="text" style="width:300px" ui-select2="multi" ng-model="multi2Value" multiple="multiple" /> </div> 我的回答是 { "LookupValue" : [ "AAAA","BBBB",

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

HTML:

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

{ "LookupValue" : [ "AAAA","BBBB","CCC" ] }
但在控制台中,我看到了反应。但它不会加载到选择下拉列表中

我的代码出了什么问题。有人能帮我吗?谢谢

而不是

return {results: data};
使用

它可能是基元类型的数组

[string,string,string]
或对象数组

[{},{},{}]
以及:

data: function (term, page) {
            return {
                q: term, //search term
                page: page // page number
            };
        },

我认为您必须将响应保存在一些范围变量中,如
$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> 

{{lookup.text}
其中,如果listLookup的项以及值和文本是lookup的一些虚拟属性,则lookup是列表中的每个项


看看,希望您理解这个想法。

只需返回data.lookupvalue,而不是带有result属性的对象<代码>返回数据.LookupValue
data: function (term, page) {
            return {
                q: term, //search term
                page: page // page number
            };
        },
<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>