本文展示了一个使用AngularJS进行网站模块化与路由配置的例子。通过定义不同的路由，如首页、视频、音乐和图片，实现了单页面应用的动态内容加载。代码中详细展示了如何设置路由及其对应的模板。
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<title>Title</title>
</head>
<body>
<div>
<a href="#/">首页</a>
<a href="#/video">视频</a>
<a href="#/music">音乐</a>
<a href="#/photo">图片</a>
</div>
<ng-view></ng-view>
<script src="js/angular.min.js"></script>
<script src="js/angular-route.min.js"></script>
<script>
var App = angular.module('myApp',['ngRoute']);
App.controller('ctrl',function($scope){
})
App.config(['$routeProvider',function($routeProvider){
$routeProvider
.when('/',{template:'这是一个首页'})
.when('/video',{template:'视频'})
.when('/music',{template:'音乐'})
.when('/photo',{template:'图片'})
.when('/404',{template:'张冲天有毒，找不到该网页！'})
.otherwise({redirectTo:'/404'});
}])
</script>
</body>
</html>
扫一扫
3763
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
