未能 use/integrate restangular 进入我的 AngularJS 应用程序

Question

我正在尝试构建一个小型 AngularJS 应用程序以在我使用 restangular 创建的页面上运行以使用 api，但我不断收到以下错误：

Error: [$injector:modulerr] Failed to instantiate module productConnectApp due to:

[$injector:unpr] 未知提供者：a http://errors.angularjs.org/1.5.5/$injector/unpr?p0=a

错误似乎发生在我包含的 lodash 库中，因为 restangular 依赖于 lodash。我已经使用 bower 安装了 restangular。

我的页面包括：

<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/lodash/lodash.js"></script>
<script src="../bower_components/restangular/dist/restangular.js"></script>
<script src="scripts/app.js"></script>
<script src="scripts/controllers.js"></script>
<script src="scripts/services.js"></script>

我试图用来启用 restangular 的 app.js 文件

angular.module('productConnectApp', ['restangular'])
.config(function(RestangularProvider) {
    RestangularProvider.setBaseUrl('http://localhost:3000/api/');
    //RestangularProvider.setDefaultHttpFields({cache: true});
    //RestangularProvider.setMethodOverriders(["put", "patch"]);
})
.controller('homeController', ['$scope', function($scope, Restangular) {
    //alert('all good');
    console.log('all goood');
    var baseClients = Restangular.all('clients');
    var baseProducts = Restangular.all('products');
    baseClients.getList().then(
        function(clients){
            $scope.clients = clients;
        },
        function(){
            console.log('error fetching clients');
        });
    baseProducts.getList().then(
        function(products){
            $scope.products = products;
        }, function() {
            console.log('error fetching products');
        });
}]);

Answer 1

.config(function(RestangularProvider) { ... })

使用 implicit annotation，它与缩小不兼容，应改用显式注释。

使用 strict mode 避免意外的隐式注释。

.controller('homeController', ['$scope', function($scope, Restangular) { ... })

行内注解指定错误，Restangular不会被注入

未能 use/integrate restangular 进入我的 AngularJS 应用程序

Failing to use/integrate restangular into my AngularJS app

angularjs

restangular