16

我有一个依赖于TransactionService. 其中一种方法是

$scope.thisMonthTransactions = function () {
    $scope.resetTransactions();
    var today = new Date();
    $scope.month = (today.getMonth() + 1).toString();
    $scope.year = today.getFullYear().toString();
    $scope.transactions = Transaction.getForMonthAndYear();
};

看起来TransactionService

angular.module('transactionServices', ['ngResource']).factory('Transaction', function ($resource, $rootScope) {
    return $resource('/users/:userId/transactions/:transactionId',
        // todo: default user for now, change it
        {userId: 'bd675d42-aa9b-11e2-9d27-b88d1205c810', transactionId: '@uuid'},
        {
            getRecent: {method: 'GET', params: {recent: true}, isArray: true},
            getForMonthAndYear: {method: 'GET', params: {month: 5, year: 2013}, isArray: true}
        });
});

如您所见,该方法getForMonthAndYear取决于两个参数monthyear,它们现在被硬编码为params: {month: 5, year: 2013}. 如何从我的控制器传递这些数据?

我尝试注入rootScopeTransactionService但这没有帮助(这意味着我可能不知道如何使用它)。

Angular ngResource文档也不推荐任何方式来执行此操作。

有人可以在这里指导吗?

更新
我的控制器看起来像

function TransactionsManagerController($scope, Transaction) {

    $scope.thisMonthTransactions = function () {
        $scope.resetTransactions();
        var today = new Date();
        $scope.month = (today.getMonth() + 1).toString();
        $scope.year = today.getFullYear().toString();

        var t = new Transaction();
        $scope.transactions = t.getForMonthAndYear({month: $scope.month});
    };
}

我将服务方法更改为

getForMonthAndYear: {method: 'GET', params: {month: @month, year: 2013}, isArray: true}

我看着console.log它,它说

Uncaught SyntaxError: Unexpected token ILLEGAL transaction.js:11
Uncaught Error: No module: transactionServices 
4

3 回答 3

5

仅当调用需要具有默认值且未提供任何参数时,才需要在资源构造函数中定义参数。传入该方法的任何参数都作为查询参数附加,无论它是否定义了默认值。'@' 表示 params 值被 JSON 响应中返回的值替换,因此您的 @uuid 有意义,但不是您的 @month。

就个人而言,我会像这样创建资源:

$resource('/users/:userId/transactions/:transactionId',
    // todo: default user for now, change it
    {userId: 'bd675d42-aa9b-11e2-9d27-b88d1205c810', transactionId: '@uuid'},
    {
        getRecent: {method: 'GET', params: {recent: true}, isArray: true},
        getForMonthAndYear: {method: 'GET', isArray: true}
    });

然后根据需要通过传入查询变量来添加它们。(创建特殊的方法名称很好但不是必需的,因此在下面显示两种方式。)

var t = new Transaction();
$scope.recentTransactions = t.$get({recent:true}) //results in /users/bd675d42-aa9b-11e2-9d27-b88d1205c810/transactions/?recent=true
$scope.recentTransactions = t.$getRecent(); //same thing as above
$scope.transactions = t.$get({month: $scope.month, year: $scope.year}); //results in /users/bd675d42-aa9b-11e2-9d27-b88d1205c810/transactions/?month=5&year=2013
$scope.transactions = t.$getForMonthAndYear({month: $scope.month, year: $scope.year}); //same as above... since no defaults in constructor, always pass in the params needed
于 2013-06-05T13:23:45.440 回答
5

我遇到了同样的问题,我最终从我的服务中返回了参数化函数,所以服务看起来像这样

factory('MyService', function($resource) {
    return {
        id: function(param) { return $resource('/api/'+param+'/:id', {id: '@id'}); },
        list: function(param) { return $resource('/api/'+param); },
        meta: function(param) { return $resource('/api/meta/'+param); }
    }
})

并从控制器调用服务:

$scope.meta = MyService.meta('url_param').query();

不确定这是最干净的 angular.js 解决方案,但它有效!

于 2013-08-16T14:05:13.250 回答
3

一种方法是将服务注入您的控制器:

angular.controller('controllerName', 
 ['$scope', 'Transaction',
   function($scope, transactionService) {
      ...
   }
]);

然后,您可以通过 transactionService 参数访问您的服务实例。

编辑

看看这个小提琴告诉我这是否足够接近你想要做的事情

于 2013-06-05T04:03:55.757 回答