Angular.js - 无法注入外部模块

时间:2014-07-02 11:04:38

标签: javascript angularjs restangular

我试图制作最简单的网站设置,我有一个Angular.js应用程序,单个模块取决于一个外部模块(例如Restangular)。

我不知道为什么,但我无法让它发挥作用。我收到了这样的错误:

Error: [$injector:unpr] http://errors.angularjs.org/1.2.17/$injector/unpr?p0=restangularProvider%20%3C-%20restangular

实际上,它的重要性并不重要 - 我已经尝试过其他模块,结果是类比的。

我创建了一个显示我的问题的plunker: http://plnkr.co/edit/3ZUoDYtd4sVTT7nLpURi?p=preview

但是没有那么多代码 - 我也会在这里粘贴它。

在我的index.html文件中,我包括angular.js,lodash.js(restangular所需),restangular.js和我的应用程序的带有标签的script.js文件。

这是我的html的主体:

<body ng-app="example" ng-controller="AppCtrl">
    <p>Take a look into console... Restangular can not get injected. What am I doing wrong?</p>
</body>

这是script.js的内容:

var app = angular.module( 'example', ['restangular'])

app.controller('AppCtrl', ['$scope', 'restangular', function($scope, Restangular) {
    console.log(Restangular);
}]);

作为注释 - 在控制台中我可以这样做:

angular.module('restangular')

但是,这不起作用:

angular.injector(["ng"]).get('restangular')

似乎我遗漏了一些关于Angular.js的基本内容。帮助将不胜感激......

1 个答案:

答案 0 :(得分:1)

可能是这个吗?

app.controller('AppCtrl', ['$scope', 'Restangular', function($scope, Restangular) {

Restangular将用大写字母R写成 你写了

app.controller('AppCtrl', ['$scope', 'restangular', function($scope, Restangular) {

至少现在我在控制台中看到了

URL visited /edit/3ZUoDYtd4sVTT7nLpURi
editor-0.7.30.js 
Object { configuration={...}, requestParams={...}, defaultHeaders={...}, more...}