javascript - 将 PUT 添加到 AngularJS 中的默认 NG-Resource 操作

Question

我正在尝试将 PUT 添加到 ng-resource 中的默认方法。到目前为止，我将 DEFAULT_ACTIONS 修改为：

var DEFAULT_ACTIONS = {
      'get':    {method:'GET'},
      'save':   {method:'POST'},
      'update':   {method:'PUT'},
      'query':  {method:'GET', isArray:true},
      'remove': {method:'DELETE'},
      'delete': {method:'DELETE'}
    };

但这感觉很hacky，当我更新模块时显然不会持续存在。有没有一种方法可以将更新/放入所有将持续更新的 ng-resource 对象？

Answer 1

另一种选择是配置 $resourceProvider。这将对所有 $resource 生效，并且您很可能也需要在测试中包含此代码。

// Config the $resourceProvider
app.config(["$resourceProvider",function ($resourceProvider) {

  // extend the default actions
  angular.extend($resourceProvider.defaults.actions,{

    // put your defaults here
    query : {
      method : "GET",
      isArray : false,
      transformResponse : function (data) {
        // my data is wrapped in an object under the property "results"
        return angular.fromJson(data).results;
      }
    }

  });
}]);

Answer 2

我能看到的唯一简单方法是围绕 $resource 创建一个包装器：

module.factory('$myResource', ['$resource', function($resource){
  return function(url, paramDefaults, actions){
     var MY_ACTIONS = {
       'update':   {method:'PUT'}
     };
     actions = angular.extend({}, MY_ACTIONS , actions);
     return $resource(url, paramDefaults, actions);
  }
}]);

Answer 3

在您的应用程序配置函数中，自定义 $resourceProvider 以添加您自己的一组 http 操作参数，就像这样：

    angular.module('app')
           .config(configureResourceProvider);

    function configureResourceProvider($resourceProvider){

    // Provide your own set of actions on $resource factory.
    // The following comments are Angular's default actions which are being
    // replaced by your customized set that includes a PUT method.
    //{ 'get':    {method:'GET'},
    //  'save':   {method:'POST'},
    //  'query':  {method:'GET', isArray:true},
    //  'remove': {method:'DELETE'},
    //  'delete': {method:'DELETE'} };

    $resourceProvider.defaults.actions = {
        create: {method: 'POST'},
        save:   {method: 'POST'},
        update: {method: 'PUT'},
        get:    {method: 'GET'},
        query:  {method: 'GET', isArray:true},
        remove: {method: 'DELETE'},
        delete: {method: 'DELETE'}
    };

    // Of course, you can customize other parameters too, like: 
    // Don't strip trailing slashes from calculated URLs
    $resourceProvider.defaults.stripTrailingSlashes = false;
}

Answer 4

app.config([ "$resourceProvider", function($resourceProvider) {

  $resourceProvider.defaults.actions['update'] = { method: 'PUT', params: { id: '@id' }, isArray: false }

}]);