외부에 있는 json 파일을 불러오는 코드이다.
출처 : http://jsfiddle.net/zkfruxu3/
<div ng-app ng-controller="jsonp_example"> <button ng-click="doRequest()">Make JSONP request</button> </div>
위 처럼 html 안에 버튼을 클릭하면 doRequest 함수가 실행되게 만든다.
function jsonp_example($scope, $http) { $scope.doRequest = function() { var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=JSON_CALLBACK"; $http.jsonp(url) .success(function(data){ console.log(data.found); }); }; var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=JSON_CALLBACK"; $http.jsonp(url) .success(function(data){ console.log(data.found); }); }
외부 파일을 $http.jsonp을 통해 불러오게 만든다.
$http에 관한 자세한 정보는 API 문서 https://docs.angularjs.org/api/ng/service/$http 를 참고하면 된다.