有熟悉angularjs的大侠吗?有个路由的初级问题,求助

风云2015 2015-09-13 04:46:36
按照教程编写的代码,结果死活无法实现路由功能。上代码

HTML代码
---------------
<html>
<head><title>angularjs learning</title></head>
<body ng-app="myroute">

<a href="#/first">FIRST</a>
<a href="#/second">SECOND</a>
<a href="#/other">OTHER</a>
<div ng-view></div>

<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-router.min.js"></script>
<script type="text/javascript" src="js/route.js"></script>

</body>
</html>

--------------
route.js代码
--------------
var myroute = angular.module('myroute', []);
myroute.controller('controller1', function(){});
myroute.controller('controller2', function(){});
// 路由设置
myroute.config(function($routeProvider) {
$routeProvider.when('/first',{templateUrl:'tpls/first.html',controller:'controller1'})
.when('/second',{templateUrl:'tpls/second.html',controller:'controller2'})
.otherwise({redirectTo:'tpls/third.html'})
});


求教大侠,究竟哪里写错了。拜谢!!
...全文
135 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
justlikeyou 2015-09-18
  • 打赏
  • 举报
回复
var myroute = angular.module('myroute', []);//没有注入ngRoute模块吧 var myroute = angular.module('myroute', [‘ngRoute’]);//试下呢
木头海上漂 2015-09-17
  • 打赏
  • 举报
回复
没有<script type="text/javascript" src="js/route.js"></script>
只是加载<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-router.min.js"></script>

路由就可以用啊

87,888

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧