Angular.js -不能注入外部模块

Angular.js - can't inject external module

本文关键字：外部 模块 注入 不能 js Angular      更新时间：2023-09-26

我试图使最简单的网站设置，在那里我有一个Angular.js应用程序与单个模块依赖于一个外部模块(例如Restangular)。

我不知道为什么，但是我不能使它工作。我得到了这样的错误:

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

实际上，它并不重要，它是矩形的-我已经尝试过它与其他模块和结果是类似的。

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

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

在我的index.html文件中，我包括angular.js, lodash.js (reangular需要的)，reangular .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的基本知识。

会是这样吗?

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

必须用大写字母R书写你写了

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

至少现在我看到在控制台

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