<!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>