我在我的Angular.js網站上實現了一個md-autocomplete。搜索和選擇工作,它更新顯示的列表和一切。但由於某些原因,我無法閱讀所選項目。無論我如何定義我的md-selected-item,它總是會保持null
。 selectItem(item)中的項目和範圍中的值都不會更改。md-autocomplete沒有返回所選項目
AngularCode:
controllers.controller('UniSearch',function(SearchUniversity){
var self = this;
self.query = query;
self.selectItem = selectItem;
function query (searchText) {
unis = SearchUniversity.get({ query : self.queryText });
return unis.$promise.then(function(data) {
var thing = [];
// Just some code to reformat the data coming from the server
angular.forEach(data,function(value,key){
if (angular.isUndefined(value.UNI_ID)){
return
}
thing.push(value);
});
console.log(thing)
return thing;
});
}
function selectItem(item) {
console.log(item);
}
});
HTML:
<div ng-controller="UniSearch as ctrl">
<md-autocomplete
md-selected-item="ctrl.selected"
md-search-text="ctrl.queryText"
md-items="uni in ctrl.query(queryText)"
md-item-text="ctrl.selected.uni_international_name"
md-autoselect="true"
placeholder="Search for you city"
md-selected-item-change="ctrl.selectItem(item)">
<md-item-template>
<span md-highlight-text="queryText" md-highlight-flags="^i">
{{uni.uni_international_name}}
</span>
</md-item-template>
<md-not-found>
No universities matching "{{ctrl.queryText}}" were found.
</md-not-found>
</md-autocomplete>
</div>
我缺少什麼? THX
有什麼辦法可以將它放在小提琴或codepen上,以方便幫助嗎? –
我有問題讓小提琴工作。這是一個相對較大的代碼庫的一部分。只是想知道是否有什麼明顯的錯誤... – Jason