2016-03-27 14 views
2

Kullanıcıları otomatik tamamlama kutusunda film adı olarak film aramak için bu kodu kullanıyorum. Konsolun üzerinde sonuçları alıyorum ama bu senin html İÇİNDE madde metni Htmlmd-autocomplete çalışmıyor

<md-autocomplete md-selected-item="selectedMovie" 
    md-search-text-change="searchMovie(searchText)" 
    md-search-text="searchText" 
    md-selected-item-change="selectedItemChange(movie)" 
    md-items="movie in movies" 
    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> 
</md-autocomplete> 

Js

$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); 
      }); 
     }; 
+0

Bunu tanımladıktan sonra 'searchMovie' yöntemini çağırır mısınız? – gnerkus

+0

md-search-text-change, –

+0

diye çağırıyor, sadece doğru şekilde kullanmadığınız için örneği dikkatlice kontrol edin. https://material.angularjs.org/latest/demo/autocomplete – sdfacre

cevap

1

JS

$scope.searchMovie = function(text) { 
    return $http.get('api/movie', { 
    params: { 
     searchMovieName: text 
    } 
    }); 
} 

gösterilmiyor

<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> 

$ http.get, md öğelerinde kullanılabilen vaat nesnesini döndürür. Md-items = "movie in movie (searchText)" gibi