@nicolette.stoltenberg
В AngularJS $resource
- это фабрика, которая позволяет создавать объекты для взаимодействия с RESTful API на стороне клиента.
$resource
предоставляет удобный способ для определения конечных точек (endpoints) API и методов для взаимодействия с ними. Он автоматически генерирует функции для выполнения операций CRUD (create, read, update, delete) на сервере.
Пример использования $resource
в AngularJS:
1 2 3 4 5 6 7 8 9 10 11 |
angular.module('myApp', ['ngResource']) .factory('Todo', function($resource) { return $resource('/api/todos/:id'); }) .controller('TodoCtrl', function(Todo) { var todo = new Todo(); todo.title = 'My new todo'; todo.$save(function(response) { console.log(response); }); }); |
В этом примере мы определяем фабрику Todo
, которая использует $resource
для создания объекта, представляющего конечную точку /api/todos/:id
. Эта конечная точка описывает маршрут к нашему API, где :id
- это параметр, который будет использоваться для идентификации конкретного ресурса.
Затем мы создаем экземпляр Todo
, устанавливаем значение его свойства title
и вызываем метод $save()
, чтобы сохранить его на сервере. Метод $save()
генерируется автоматически $resource
и отправляет запрос POST на /api/todos
, передавая тело запроса с данными нашей новой задачи. Когда сервер обработает запрос и вернет ответ, мы можем получить его в функции обратного вызова и вывести в консоль.
$resource
облегчает написание кода для взаимодействия с серверным API и позволяет сосредоточиться на разработке приложения, а не на деталях HTTP-запросов.