Javascript Angularjs select2 Ajax绑定
我正在使用AngularJs+Select2。我正试图从远程获取数据。下面是我的代码 HTML: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",
<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>