Angular 简单的单页应用程序 - 未知提供商：$routeProvider

Question

我相信这真的很简单，我会投反对票，但我们将不胜感激任何帮助。

我这里有个傻逼

https://plnkr.co/edit/5tDXBPt4Ff3mM4ac5hWK?p=preview

我正在设置一个简单的单页应用程序。

我在控制台中遇到错误。

Error: $injector:unpr
Unknown Provider
Unknown provider: $routeProvider

Answer 1

您需要将 ngRoute 注入模块而不是配置，

  angular.module('cxoJsApp', ['ngRoute']);

确保您已参考 angular-路由版本与 angular、

 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-route.js"></script>

此外，您还没有在 plunker 中引用 app.js。这是工作 DEMO

Answer 2

ngRoute 不是依赖项，它是一个 angular 模块（从您的配置函数中删除 ngRoute）。您应该使用内部应用程序模块依赖数组注入它。

angular.module('cxoJsApp',['ngRoute']);

还要确保，当您使用 angular API 时，它们应该是相同的版本，就像这里您使用的是 angular-route.js 旧版本（1.2.x ).您应该使用 angular API 的最新版本。所以你应该为 angular.js 和 angular-route.js

使用 1.4.8 版本

除此之外，您还没有在页面上引用 app.js。同时在文件

中添加missing个控制器

Wokring Plunkr

Answer 3

您必须注入模块才能使用它。

angular.module('cxoJsApp', ['ngRoute']);

Answer 4

您需要注入路由提供程序并添加库来解决此问题。

Angular 简单的单页应用程序 - 未知提供商：$routeProvider

Angular simple single page app - Unknown provider: $routeProvider

javascript

angularjs

routing

angularjs-routing