[英]md-autocomplete returns TypeError: Cannot read property 'then' of undefined
Using the md-autocomplete
component from angular material
I've got a problem:使用
angular material
的md-autocomplete
组件我遇到了一个问题:
<md-autocomplete
required
md-search-text="searchTxt"
md-selected-item-change="setModelValue(item.name)"
ng-model="searchTxt"
md-search-text-change = "searchItem(searchTxt)"
md-items="item in pickerResult"
md-item-text="item.name"
md-min-length="0"
md-delay="100"
placeholder="Search...">
<md-item-template>
<span md-highlight-text="searchTxt" md-highlight-flags="^i">{{item.title}}</span>
</md-item-template>
<md-not-found>
No results <span data-ng-if="form.detailModel.aspectName != null">per</span> {{form.detailModel.aspectName}}
</md-not-found>
</md-autocomplete>
this is the function in my controller这是我的控制器中的功能
$scope.searchAspect = function(searchStr) {
if(!searchStr) {
var searchStrEncoded = "";
} else {
var searchStrEncoded = escape(searchStr);
}
var url = "/api/url&searchTxt=" + searchStrEncoded;
$http({
url: url,
method: 'GET'
}).success(function (data, status, headers, config) {
$scope.pickerResult = data.data;
});
};
If I type something I get the data.如果我输入一些东西,我就会得到数据。 but on blur in the input I get this error:
TypeError: Cannot read property 'then' of undefined
and I can't get my data back.但是在输入中模糊时,我收到此错误:
TypeError: Cannot read property 'then' of undefined
我无法取回我的数据。 I tried to change the md-items directive in this way我试图以这种方式更改 md-items 指令
md-items="item in searchItem(searchTxt)"
and I didn't get the error but the autocomplete shows no results even if the http call was successful.我没有收到错误,但即使 http 调用成功,自动完成也没有显示任何结果。 Any ideas?
有什么想法吗?
EDIT with the promise编辑承诺
$scope.searchAspect = function(searchStr) {
if(!searchStr) {
var searchStrEncoded = "";
} else {
var searchStrEncoded = escape(searchStr);
}
var deferred = $q.defer();
var url = "/api/url&searchTxt=" + searchStrEncoded;
$http({
url: url,
method: 'GET'
}).success(function (data, status, headers, config) {
deferred.resolve(data.data);
$scope.pickerResult = data.data;
}).error(deferred.reject);
return deferred.promise;
};
same error同样的错误
try this试试这个
<md-autocomplete
required
md-search-text="searchTxt.val"
md-items="item in searchAspect(searchTxt)"
md-item-text="item.name"
md-min-length="0"
md-delay="100"
placeholder="Search...">
<md-item-template>
<span md-highlight-text="searchTxt" md-highlight-flags="^i">{{item.title}}</span>
</md-item-template>
<md-not-found>
No results <span data-ng-if="form.detailModel.aspectName != null">per</span> {{form.detailModel.aspectName}}
</md-not-found>
</md-autocomplete>
$scope.searchAspect = function(searchStr) {
if(!searchStr.val) {
var searchStrEncoded = "";
} else {
var searchStrEncoded = escape(searchStr);
}
var url = "/api/url&searchTxt=" + searchStrEncoded;
return $http({
url: url,
method: 'GET'
}).then(function (data) {
return data.data;
});
};
as i understand md-items attributes needed a promise, and you are providing a array.据我了解,md-items 属性需要一个承诺,而您提供的是一个数组。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.