有熟悉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'})
});

求教大侠，究竟哪里写错了。拜谢！！

...全文

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

路由就可以用啊