注入$ resource方法时获取空白页

Question

以下代码仅在删除ngResource和$ resource注入时才起作用。 我想知道为什么下面的代码失败，因为Iam包含了资源方法的所有必要的JS文件。我们不能同时注入$ resource和$ http方法？

服务（使用$ http方法）

'use strict';

    angular.module('angApp',['ngResource']).constant("baseUrl", "http://localhost:3000/")
        .factory('AccountFactory', ['$http', 'baseUrl', '$resource',function ( $http, baseUrl, $resource) {

            var accountObj = {};

            accountObj.getAllAccounts = function () {
                return $http.get(baseUrl + "getAllAccounts");

            };

            return accountObj;


        }]);

来自控制器的呼叫： -

AccountFactory.getAllAccounts().then(function (response) {...}

我想使用$ resource方法实现相同的功能。但它是一个空白的屏幕，无法继续进行（注射本身失败。） 我试过下面的代码。

服务（使用$ resource方法）

angular.module('angApp',['ngResource']).constant("baseUrl", "http://localhost:3000/")
        .factory('AccountFactory', ['baseUrl', '$resource',function ( baseUrl, $resource) {
    var accountObj = {};

                var accounts = $resource(baseUrl + "getAllAccounts",
                    {
                        userId: '@id'
                    }
                );

                accountObj.getAllAccounts = function () {
                    accounts.get(function (req) {
                        console.log("success");
                    }, function (req) {
                        console.log("failure");
                    });
                }

                return accountObj;

        }]);

（类似于$ http方法）。如果在上述实施中做错了，请纠正我。我如何从控制器调用此功能？