AngularJS 最佳实践 REST CRUD

AngularJS 是一种流行的前端开发框架，它提供了一些最佳实践来帮助开发者更好地使用 REST / CRUD（Representational State Transfer / Create, Read, Update, Delete）模式。在本文中，我们将探讨一些关于如何在 AngularJS 中使用 REST / CRUD 的最佳实践，并提供一些案例代码来帮助理解。

javascript
// 定义一个 AngularJS 模块
var app = angular.module('myApp', []);
// 在控制器中使用 $http 服务
app.controller('myController', function($scope, $http) {
  // 获取资源列表
  $http.get('/api/resources')
    .then(function(response) {
      $scope.resources = response.data;
    });
  // 创建资源
  $scope.createResource = function() {
    $http.post('/api/resources', $scope.newResource)
      .then(function(response) {
        $scope.resources.push(response.data);
      });
  };
  // 更新资源
  $scope.updateResource = function(resource) {
    $http.put('/api/resources/' + resource.id, resource)
      .then(function(response) {
        // 更新成功
      });
  };
  // 删除资源
  $scope.deleteResource = function(resource) {
    $http.delete('/api/resources/' + resource.id)
      .then(function(response) {
        var index = $scope.resources.indexOf(resource);
        $scope.resources.splice(index, 1);
      });
  };
});

javascript
app.service('apiService', function($http) {
  this.get = function(url) {
    return $http.get(url)
      .then(function(response) {
        return response.data;
      });
  };
});
app.controller('myController', function($scope, apiService) {
  apiService.get('/api/resources')
    .then(function(data) {
      $scope.resources = data;
    });
});

javascript
app.controller('myController', function($scope, $q, apiService) {
  var promises = [
    apiService.get('/api/resources/1'),
    apiService.get('/api/resources/2'),
    apiService.get('/api/resources/3')
  ];
  $q.all(promises)
    .then(function(results) {
      $scope.resources = results;
    });
});