ng-click api search with AngularjS

Question

Интересно, как подключить кнопку поиска к полю ввода.

controllers.js

angular.module('weatherApp.controllers', []) 
.controller('weatherCtrl', function($scope, $http) { 

    $http.jsonp('http://api.openweathermap.org/data/2.5/find?q=' + $scope.SearchCity + '&type=like&APPID=&callback=JSON_CALLBACK')    
     .success(function(data){ 
      console.log('success'); 
      $scope.cities = data; 

    }); 

}); 

all.html

<input type="text" ng-model="SearchCity" placeholder="Search for city" /> 
<input type="submit" ng-click="Search" Value="Search" /> 

<tr ng-repeat="city in cities.list | limitTo: 10 | filter:SearchCity"> 
    <td>{{city.name}}</td> 
</tr> 

app.js

angular.module('weatherApp', ['weatherApp.controllers', 'ngRoute']).config(['$routeProvider', function($routeProvider){ 
    $routeProvider.when('/all', {templateUrl: 'templates/all.html', controller:'weatherCtrl'}); 
    $routeProvider.otherwise({redirectTo: '/all'}); 
}]); 

Answer 1

попробовать что-то вроде этого:

Контроллер:

.controller('weatherCtrl', function($scope, $http) { 

    $scope.cities = []; 

    $scope.callOpenWeatherMap = function(searchCity){ 
    $http.jsonp('http://api.openweathermap.org/data/2.5/find?q=' + searchCity + '&type=like&APPID=&callback=JSON_CALLBACK') 
     .then(function(data){ 
     console.log('success', data); 
     $scope.cities = data; 
    }).catch(function(error){ 
     console.log('error', error); 

    }); 
    }; 

}); 

HTML:

<input type="text" ng-model="searchCity" placeholder="Search for city" /> 
    <input type="submit" ng-click="callOpenWeatherMap(searchCity)" Value="Search" /> 

    <tr ng-repeat="city in cities.list | limitTo: 10 | filter:searchCity"> 
    <td>{{city.name}}</td> 
    </tr> 

UPDATE

Чтобы улучшить код, который вы могли бы создать службу OpenWeatherMap где разместить все mathods/вызывает OpenWeatherMap api:

Услуга:

.service('OpenWetherMap', function($http){ 

    this.find = function(searchCity){ 
    return $http.jsonp('http://api.openweathermap.org/data/2.5/find?q=' + searchCity + '&type=like&APPID=&callback=JSON_CALLBACK'); 
    }; 

}) 

Контроллер:

.controller('weatherCtrl', function($scope, OpenWetherMap) { 

    $scope.callOpenWeatherMap = function(searchCity){ 
    OpenWetherMap.find(searchCity).then(function(data){ 
     console.log('success', data); 
     $scope.cities = data; 
    }).catch(function(error){ 
     console.log('error', error); 
    }); 
    }; 

}); 

Answer 2

Я мог бы быть misund что вы просите, но вы должны уметь заключить свой jsonp-вызов в функцию $scope.Search?