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

标签 javascript angularjs routes angularjs-routing

我确信这真的很简单,我会投票,但我们将非常感谢任何帮助。

我这里有一个笨蛋

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

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

我在控制台中收到错误。

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

最佳答案

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

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

还要确保,当您使用 Angular API 时,它们应该是相同的版本,就像这里您使用的是 angular-route.js 旧版本(1.2.x)。您应该使用最新版本的 Angular API。因此,您应该为 angular.jsangular-route.js

使用 1.4.8 版本

除此之外,您还错过了在页面上引用 app.js 的过程。还要在文件中添加缺少的 Controller

Wokring Plunkr

关于javascript - Angular 简单单页应用程序 - 未知提供商 : $routeProvider,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41098787/

相关文章:

javascript - 如何在nodejs路由器中使用Promise和yield?

javascript - 使用可重复查找元素数组时 Protractor 测试出现问题

html - 在 Angularjs 中持久化一个 iframe

angularjs - 在过滤器中添加 ng-click 事件

javascript - typescript 路由错误 - 没有与此调用匹配的过载

angular - 路由到具有不同参数的相同 url 后,页面上的数据未更新

javascript - react 路由器 : TypeError: Cannot read property 'getCurrentLocation' of undefined

javascript 错误 { [ native 代码] }

javascript - 计时器在 ReactJS 中不倒计时

javascript - jsplumb 如何使用直连器