Question

我正在尝试使用angularjs创建一个烂番茄api的搜索。我希望能够输入查询按回车或进入（在电话上），然后api返回查询结果。

我尝试将$scope.search附加到视图中的输入。我知道我做错了但是由于我的经验不足，我想不出该做什么。寻找有人能够指出我正确的方向。

查看

<input placeholder="Search for it" ng-model="search">

控制器

ctrls.controller('resultsCtrl', function($scope, $http){
    $scope.search = 'query';
    $http.jsonp('http://api.rottentomatoes.com/api/public/v1.0/movies.json', {
        params: {
             page_limit: '5',
             page: '1',
             q: $scope.search,
             apikey: myKey,
             callback: 'JSON_CALLBACK'
         }
    })
    .success(function (data) {
        $scope.results = data.movies;
    });
});

Answer 1

您必须使用该功能

ctrls.controller('resultsCtrl', function($scope, $http){
    $scope.search = 'query';
    $scope.fetchResults = function(){
      $http.jsonp('http://api.rottentomatoes.com/api/public/v1.0/movies.json', {
          params: {
               page_limit: '5',
               page: '1',
               q: $scope.search,
               apikey: myKey,
               callback: 'JSON_CALLBACK'
           }
      })
      .success(function (data) {
          $scope.results = data.movies;
      });
    }
});

并从您的视图中调用

<form ng-submit="fetchResults()">
    <input placeholder="Search for it" ng-model="search">
    <input type="submit" value="Go"/>
</form>

如何使用AngularJS搜索烂番茄API

1 个答案: