本文展示了一个使用AngularJS框架进行页面路由配置的例子。通过定义不同的路由规则，实现了主页、关于我们及联系我们三个页面间的导航。文章包含了完整的AngularJS模块定义及路由设置代码。
<script src="libs/angular.min.js"></script>
<script src="libs/angular-route.js"></script>
<script src="libs/angular.js"></script>
<script>
angular.module("ctapp",["ngRoute"])
.config(["$routeProvider",function($routeProvider){
$routeProvider.when("/1",{
templateUrl:"zhuye.html"
}).when("/2",{
templateUrl:"gy.html"
}).when("/3",{
templateUrl:"lian.html"
}).otherwise({
redirectTo:"/1"
});
}]);
</script>
<body ng-app="ctapp">
<div>
<a href="#/1">主页</a>
<a href="#/2">关于我们</a>
<a href="#/3">联系我们</a>
</div>
<div class="shuchu" ng-view></div>
</body>
扫一扫
2856
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
