【问题标题】:Uncaught Error: [$injector:modulerr] while trying to use angular route [closed]未捕获的错误:[$injector:modulerr] 尝试使用角度路由时 [关闭]
【发布时间】:2016-06-26 17:35:11
【问题描述】:

只需尝试以下代码并得到错误

<html lang="en"> 
<head>
<meta charset="UTF-8">
<title>Routing Intro</title>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular-resource.min.js"></script>
    <script scr="example.js"></script>

 </head>
 <body ng-app="mainApp">
 <div ng-view></div>
 </body>
  </html>

这是我的 example.js 文件

 var application = angular.module ('mainApp', ['ngRoute']);
 application.config (function ($routeProvider){

$routeProvider
.when('/', {
    template : 'Welcome User!'
})

.when('/anotherPage',{
    tempalte : 'Welcome to Another page'
})

otherwise ({
    redirectTo : '/'
});
});

我收到以下错误 angular.js:4458 未捕获的错误:[$injector:modulerr]http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=mainApp&p1=Error%3A…ogleapis.com%2Fajax%2Flibs%2Fangularjs%2F1.4.8%2Fangular.min.js% 3A19%3A463)

【问题讨论】:

标签: angularjs


【解决方案1】:

Angular 路由器不是核心 Angular 模块的一部分。您需要包含它的 javascript 文件:

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

【讨论】:

  • 为我工作。谢谢
猜你喜欢
  • 2016-10-21
  • 1970-01-01
  • 2016-07-23
  • 2015-03-29
  • 1970-01-01
  • 2014-03-28
  • 2018-05-24
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多