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

Question

我确信这很简单，我会投票，但任何帮助都会受到极大的赞赏。

我这里有一名傻瓜

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

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

我在控制台中收到错误。

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

Answer 1

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

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

另外请确保，当您使用angular API时，它们都应该是相同的版本，就像您使用angular-route.js旧版本（1.2.x）一样。您应该使用最新版本的angular API＆＃39; s。因此，1.4.8和angular.js版本应使用angular-route.js版本。 missing

除此之外，您错过了在页面上引用app.js。还要在文件中添加make-col-ready个控制器

Wokring Plunkr

Answer 2

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

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

确保你已经提到角度路线版本与角度

一起使用

 <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 3

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

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

Answer 4

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