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

时间:2016-12-12 10:31:32

标签: javascript angularjs routing angularjs-routing

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

我这里有一名傻瓜

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

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

我在控制台中收到错误。

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

4 个答案:

答案 0 :(得分:2)

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

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

另外请确保,当您使用angular API时,它们都应该是相同的版本,就像您使用angular-route.js旧版本(1.2.x)一样。您应该使用最新版本的angular API' s。因此,1.4.8angular.js版本应使用angular-route.js版本。 missing

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

Wokring Plunkr

答案 1 :(得分:1)

您需要将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

答案 2 :(得分:1)

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

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

答案 3 :(得分:0)

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