Question

假设我有

 angular.module('clientApp').factory('CreditCardResource', function($resource) {
   return $resource('/user/:userId/card/:cardId',
    {cardId:'@id'}, {
     charge: {method:'POST', params:{charge:true}}
    });
 });

我希望能够将CreditCardResource与某个userId联系起来，这样每次我调用CreditCardResource.query（）时都会获得与该用户相关的卡片。我不想每次都调用CreditCardResource.query（{userId：123}）。我希望资源保留为服务。

我想在我的控制器中执行以下操作：CreditCardResource.defaultParams.userId = '123'。

解决此问题的最佳方法是什么？

Answer 1

由于支持版本1.1.2动态默认参数

https://github.com/angular/angular.js/commit/cc42c99bec6a03d6c41b8e1d29ba2b1f5c16b87d

基本上，而不是：

params: {
    apiKey: user.getApiKey()
}

您使用：

params: {
    apiKey: function() {
        return user.getApiKey();
    }
}

Answer 2

Angular Resource为这种情况提供Resource.bind()方法（我在v1.0.3上）。

在您的情况下，您的代码应为：

var BoundCreditCard = CreditCard.bind({userId: '123'});

// Performs a GET on /user/123/card/456
var card = BoundCreditCard.get({cardId: "456"});

Answer 3

你可以装饰你的$ resource.query（）实例吗？这是一个通用的，无角度的例子，但希望能说明问题。在你的情况下，'someObj'将是$ resource，你的控制器可以设置'defaultValue'的值。

  var proxiedFn, someObj;

  someObj = {
    someFn: function(valueA, valueB) {
      console.log("Called with " + valueA + " and " + valueB);
    }
  };

  someObj.someFn('foo', 'bar'); /* before the proxy */
  proxiedFn = someObj.someFn;

  someObj.someFn = function(valueB) {
    return proxiedFn(this.defaultValue, valueB);
  };

  someObj.defaultValue = 'boz';
  someObj.someFn('bar'); /* after the proxy with default value */

Answer 4

angular.module('clientApp')
.factory('User', ['$resource', 'UserCard',
    function ($resource, UserCard) {
        var User = $resource(
            "user/:id",
            {id: "@id" },
            {
                'save': {method: 'PUT'},
                'add': {method: 'POST'}
            }
        );
        User.prototype.getCards = function (params, callback) {
            UserCard.prototype.userId = this.id;
            params.userId = this.id;
            return UserCard.query(params, callback);
        };
        return User;
    }])
.factory('UserCard', ['$resource',
    function ($resource) {
        return $resource(
            "user/:userId/card/:id",
            {userId: '@userId', id: "@id" },
            {
                'save': {method: 'PUT'},
                'add': {method: 'POST'}
            }
        );
    }])
.controller('TestCtrl', ['User',
    function (User) {
        // GET user/123
        var user = User.get({id: 123}, function () {
            // GET user/123/card/321
            var card = user.getCard({id: 321}, function () {
                card.someAttribute = 'Some value';
                // PUT user/123/card/321
                card.$save();
            });
        });
    }])
;

检查我的代码。通过这种方式，我获得了已经与用户关联的卡片，因此卡片。$ save（）或卡片。$ query（）不需要传递userId也不需要传递参数，也不需要传递卡片的属性。

自定义服务中的Angularjs $ resource默认参数

4 个答案: