有熟悉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'})
});
求教大侠,究竟哪里写错了。拜谢!!
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'})
});
求教大侠,究竟哪里写错了。拜谢!!
...全文
相关推荐
AngularJS路由实现页面跳转实例
在给定文件中提到的示例代码展示了如何使用AngularJS的路由模块来定义两个不同的路由:首页('/')和预订页('/reservation')。每个路由都指定了对应的控制器和模板路径。
AngularJS中重新加载当前路由页面的方法
### 使用$state服务在AngularJS中,`$state`服务提供了对应用路由状态的管理能力。
angularjs路由
在本“AngularJS路由”示例中,我们将探讨如何设置和使用AngularJS的路由系统。首先,我们需要引入AngularJS库和`ngRoute`模块。
详谈angularjs中路由页面强制更新的问题
然而,在使用AngularJS进行路由时,开发者有时会遇到路由页面强制更新的问题。
AngularJS监听路由变化的方法
文章《AngularJS监听路由变化的方法》详细介绍了如何利用AngularJS的事件监听机制来监听路由变化,并给出了实现这一功能的具体代码示例。


