0

免責事項私はノックアウトから来たので、特定のことを行う方法について考えを切り替えるのに少し苦労しています。これはその1つです...

ユーザーが<input>映画のタイトルを入力でき、映画のリストが表示されるはずです。を呼び出すことで、残りの API から映画のコレクションが提供されhttp://www.example.com/api/movies?title=matrixます。API は angular-resource モジュールにラップされています。

$scope.movies = Movie.query({ title: $scope.searchValue });いつでも変更されると自動的に更新されると思ってい$scope.searchValueましたが、そのようには機能していないようです。

angular.module('robotdog.resources', ['ngResource'])
    .factory('Movie', function($resource){
        return $resource('/api/movies/:id');
    });

robotdog.controller('HomeController', function($scope, Movie){
    $scope.movies = Movie.query({ title: $scope.searchValue });

});

完全を期すために、この特定のコントローラーのマークアップをここに示します...

<input type="text" ng-model="searchValue" placeholder="Search Movie Title"/>
<pre>{{ movies | json }}</pre>

$scope.moviesユーザーが に値を入力した後に検索結果を入力する正しい方法は<input>どれですか?

4

2 に答える 2

0

または、次を試すことができます。

<input type="text" ng-model="searchValue" />
<p ng-repeat="movie in movies | filter: searchValue">{{ movie }}</p>

基本的なクエリを除いて、コントローラーに JS は必要ありません。

$scope.movies = Movie.query();

フィドルをチェックしてください：http://jsfiddle.net/euan/zuhga76c/

于 2014-09-01T12:34:53.070 に答える