[javascript] AngularJS $ http 및 $ resource

$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입니다.

---

답변