[javascript] AngularJS $ resource RESTful 예제

$ resource는 엔드 포인트에서 데이터를 검색하고 조작 한 후 다시 전송하기위한 것입니다. 당신이있어 일부 거기에 그,하지만 당신이 정말로 그것을이 어떻게 만들어진 것을 위해 그것을 활용 아닙니다.

리소스에 사용자 정의 방법을 사용하는 것이 좋지만 OOTB와 함께 제공되는 멋진 기능을 놓치고 싶지는 않습니다.

편집 : 나는 이것을 원래 충분히 잘 설명하지 않았다고 생각하지만 $resource반환과 함께 펑키 한 것들을 수행합니다. Todo.get()그리고 Todo.query()모두 반환 자원 객체를, 그리고 에 전달할 콜백 할 때 가져 오기 완료하십시오. 콜백이 실제로 발생 $save()하기 전에 호출 할 수 있음을 의미하는 장면 뒤에 약속이있는 멋진 작업을 수행하며 get()대기합니다. 약속 then()또는 콜백 메소드 내에서 리소스를 처리하는 것이 가장 좋습니다 .

표준 사용

var Todo = $resource('/api/1/todo/:id');

//create a todo
var todo1 = new Todo();
todo1.foo = 'bar';
todo1.something = 123;
todo1.$save();

//get and update a todo
var todo2 = Todo.get({id: 123});
todo2.foo += '!';
todo2.$save();

//which is basically the same as...
Todo.get({id: 123}, function(todo) {
   todo.foo += '!';
   todo.$save();
});

//get a list of todos
Todo.query(function(todos) {
  //do something with todos
  angular.forEach(todos, function(todo) {
     todo.foo += ' something';
     todo.$save();
  });
});

//delete a todo
Todo.$delete({id: 123});

마찬가지로 OP에 게시 한 항목의 경우 리소스 개체를 얻은 다음 사용자 지정 함수를 이론적으로 호출 할 수 있습니다.

var something = src.GetTodo({id: 123});
something.foo = 'hi there';
something.UpdateTodo();

그러나 OOTB 구현을 실험 해 보았지만 직접 개발했습니다. 의 기본 기능을 사용하지 않는 경우 자체 기능 $resource을 사용해야합니다 $http.

업데이트 : Angular 1.2 및 약속

Angular 1.2부터는 리소스가 약속을 지원합니다. 그러나 그들은 나머지 행동을 바꾸지 않았습니다.

로 약속을 활용하려면 반환 된 값에 속성 $resource을 사용해야합니다 $promise.

약속을 사용한 예

var Todo = $resource('/api/1/todo/:id');

Todo.get({id: 123}).$promise.then(function(todo) {
   // success
   $scope.todos = todos;
}, function(errResponse) {
   // fail
});

Todo.query().$promise.then(function(todos) {
   // success
   $scope.todos = todos;
}, function(errResponse) {
   // fail
});

$promise속성은 위에서 반환 한 것과 같은 값 의 속성 이라는 점을 명심하십시오 . 그래서 당신은 이상해질 수 있습니다 :

이것들은 동등합니다

var todo = Todo.get({id: 123}, function() {
   $scope.todo = todo;
});

Todo.get({id: 123}, function(todo) {
   $scope.todo = todo;
});

Todo.get({id: 123}).$promise.then(function(todo) {
   $scope.todo = todo;
});

var todo = Todo.get({id: 123});
todo.$promise.then(function() {
   $scope.todo = todo;
});

---

답변