외부에 있는 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 를 참고하면 된다.