专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > JavaScript

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

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
有熟悉angularjs的大侠吗?有个路由的初级问题,求助
按照教程编写的代码,结果死活无法实现路由功能。上代码

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


求教大侠,究竟哪里写错了。拜谢!!

------解决思路----------------------
没有<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>

路由就可以用啊
------解决思路----------------------
var myroute = angular.module('myroute', []);//没有注入ngRoute模块吧

var myroute = angular.module('myroute', [‘ngRoute’]);//试下呢
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: