AngularJS로 ngResource get() 검색으로 입력 바인딩

Question

제 3 자 API로 쿼리를 작성하는 작은 코드가 있습니다. 이 하나입니다 : html로 측에서

angular.module('myApp', ['ngResource']) 
function Hello($scope, $http) { 

$http.get('http://api.discogs.com/database/search?type=artist&q=alva-noto&page=1&per_page=200'). 
    success(function(data3) { 
     $scope.results = data3.results; 
    }); 

}; 

는, 지금 난 그냥 하나 개의 특정 검색에 기반을 둔 리튬에 NG 반복,와 UL를 표시합니다. 좋아요 :

<h1>Search</h1> 
    <ul> 
    <li ng-repeat="result in results">{{result.title}}</li> 
    </ul> 

내 질문은 검색 쿼리로 작성된 텍스트를 바인딩하는 입력란을 어떻게 만들 수 있습니까? 문자열을 =처럼 삽입 하시겠습니까? = 문자열 :

$http.get('http://api.discogs.com/database/search?type=artist&q=string&page=1&per_page=200') 

어떤 생각이 들었습니까?

감사합니다. Eric

Answer 1

$scope.$watch을 사용하여 수신기를 입력 변수로 설정하십시오.

<div class="test" ng-controller="Ctrl"> 
    <input type="text" ng-model="name"> 
    <ul> 
    <li ng-repeat="result in results">{{result.title}}</li> 
    </ul> 
<div> 

JS

var app = angular.module('app', []); 

function Ctrl($scope, $http) { 
    var get_results = function(name) { 
      $http.get('http://api.discogs.com/database/search?type=artist&q='+ name + '&page=1&per_page=200'). 
     success(function(data3) { 
      $scope.results = data3.results; 
     }); 
    } 
    $scope.name = '' 
    $scope.$watch('name', get_results, true); 

} 

작업 JSFiddle