$http
범용 AJAX 호출을 작성합니다. 일반적으로 RESTful api plus Non-RESTful을 포함 할 수 있음을 의미합니다. api를 .
그리고 $resource
그것을 위해 전문 의 RESTful 부분.
편안한 API프로그래머가 구성하는 임의의 URL 대신 URL이 더 잘 구성되어 있기 때문에 최근 몇 년 동안 가 널리 보급되었습니다.
RESTful API 를 사용 하여 URL을 구성하면 다음과 같습니다./api/cars/:carId
.
$resource
데이터를 가져 오는 방법
angular.module('myApp', ['ngResource'])
// Service
.factory('FooService', ['$resource', function($resource) {
return $resource('/api/cars/:carId')
}]);
// Controller
.controller('MainController', ['FooService', function(FooService){
var self = this;
self.cars = FooService.query();
self.myCar = FooService.get('123');
}]);
이것은 당신에게 줄 것이다 자원 객체 와 동반, get
, save
, query
, remove
,delete
자동 방법을.
$http
데이터를 가져 오는 방법
angular.module('myApp', [])
// Service
.factory('FooService', ['$http', function($http){
return {
query: function(){
return $http.get('/api/cars');
},
get: function(){
return $http.get('/api/cars/123');
}
// etc...
}
RESTFul API 에서 각 공통 작업을 정의하는 방법을 참조하십시오 . 또 하나 개의 차이는 있습니다 $http
반환 promise
동안 $resource
반환하는 객체입니다. Angular가 restangular 와 같은 RESTFul API를 처리하는 데 도움이되는 타사 플러그인도 있습니다
경우 API는 같은 것입니다 /api/getcarsinfo
. 우리에게 남은 것은 모두 사용하는 것 $http
입니다.