Как искать гнилые помидоры API с AngularJS

Question

Я пытаюсь создать поиск гнилых томатов api с помощью angularjs. Я хочу, чтобы иметь возможность вводить запрос, нажмите enter или go (на телефоне), тогда 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>