这个示例展示了如何利用AngularJS的ngRoute模块创建页面路由切换。通过定义不同的路由规则，当用户点击链接时，对应的HTML模板会被插入到ng-view指定的区域，实现了不同页面内容的动态加载。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<!--引入路由文件-->
<script src="http://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script>
<style>
#navigator{width: 100%; display: inline-block;background-color: blueviolet;height: 50%;}
#nextdiv{width: 100%; display: inline-block;height: 500px;}
</style>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
<!--引入路由文件-->
<script src="http://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script>
<style>
#navigator{width: 100%; display: inline-block;background-color: blueviolet;height: 50%;}
#nextdiv{width: 100%; display: inline-block;height: 500px;}
</style>
最低0.47元/天 解锁文章
851
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
