Angularjs md自动完成不工作
我使用此代码搜索电影,因为用户在“自动完成”框中键入电影名称。我在控制台上得到结果,但没有显示项目文本 Html JS 在html中Angularjs md自动完成不工作,angularjs,autocomplete,angular-material,md-autocomplete,Angularjs,Autocomplete,Angular Material,Md Autocomplete,我使用此代码搜索电影,因为用户在“自动完成”框中键入电影名称。我在控制台上得到结果,但没有显示项目文本 Html JS 在html中 <md-autocomplete md-selected-item="selectedMovie" md-search-text="searchText" md-selected-item-change="selectedItemChange(movie)" md-items="movie in searchMovie(searchText)" md
<md-autocomplete md-selected-item="selectedMovie"
md-search-text="searchText"
md-selected-item-change="selectedItemChange(movie)"
md-items="movie in searchMovie(searchText)"
md-item-text="movie.title"
md-min-length="1"
placeholder="Search Movies">
<md-item-template>
<span md-highlight-text="searchText" md-highlight-flags="^i">
{{movie.title}}
</span>
</md-item-template>
<md-not-found>
No Movies matching were found.
</md-not-found>
{{movie.title}
没有找到匹配的电影。
$http.get返回可在md项中使用的承诺对象。像md items=“movie in searchMovie(searchText)”定义后是否调用
searchMovie
方法?md searchText change调用它只是仔细检查示例,因为您没有正确使用它。自动完成演示很肤浅。没有解释如何使用$http服务从端点获取结果。您是否找到解决方案?
$scope.searchMovie = function (text) {
$http.get('api/movie', {
params: {
searchMovieName: text
}
}).success(function (data, status) {
console.log(data.results);
console.log(status);
$scope.movies = data.results;
}).error(function (err) {
console.log(err);
});
};
$scope.searchMovie = function(text) {
return $http.get('api/movie', {
params: {
searchMovieName: text
}
});
}
<md-autocomplete md-selected-item="selectedMovie"
md-search-text="searchText"
md-selected-item-change="selectedItemChange(movie)"
md-items="movie in searchMovie(searchText)"
md-item-text="movie.title"
md-min-length="1"
placeholder="Search Movies">
<md-item-template>
<span md-highlight-text="searchText" md-highlight-flags="^i">
{{movie.title}}
</span>
</md-item-template>
<md-not-found>
No Movies matching were found.
</md-not-found>