Javascript Can'；t添加加载杆（角度）

我有一个问题：

我试图在我的angular项目中添加一个简单的加载条，但不知怎么的，我无法让它工作

我试图实现这一点：

我已经成功安装了“npm安装角加载杆”。在我的angular模块中，它被设置为一个依赖项

angular.module('myAppRename.view5', ['ngRoute', 'angular-loading-bar'])

.config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/view5', {
        templateUrl: 'app/view5/view5.html',
        controller: 'View5Ctrl'
    });
}])

但不知何故，这使我的网站崩溃，并且随着开发人员工具的打开，它会收到以下错误消息：

Error: [$injector:modulerr] Failed to instantiate module myAppRename due to:    
[$injector:modulerr] Failed to instantiate module myAppRename.view5 due to:
[$injector:modulerr] Failed to instantiate module angular-loading-bar due to:
[$injector:nomod] Module 'angular-loading-bar' is not available! You either misspelled     the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.2.27/$injector/nomod?p0=angular-loading-bar    

---

我做错了什么？

您需要确保在启动之前加载依赖项库

试一试推杆

位于

index.html

的最底部，在

标记之前

祝你好运

通过bower安装它

$bower安装角度加载杆

在index.html中添加以下内容

在app.js中添加

'angular-load-bar'

内部

angular.module

在

angular.module

下添加此

.config（['cfpLoadingBarProvider'，函数（cfpLoadingBarProvider）{
cfpLoadingBarProvider.parentSelector='#加载条容器'；
cfpLoadingBarProvider.spinnerTemplate='Loading data…'；
}])

在html视图中调用

loading bar container

ID，如下所示

---

您是否在index.html中包含角度加载条js文件？刚刚添加：到index.html。但它仍然是一样的。您在实例化“myAppRename”之前加载了它吗？是的，我加载了。但对我来说，这似乎是一个普遍的问题，我无法添加任何其他内容，因为如果没有浏览器，依赖项将崩溃。您能否提供更多代码，可能是在JSFIDLE上？