//导入导入js包
<script type="text/javascript" src="angular.js"></script>
//导入的路由包
<script type="text/javascript" src="angular-route.js"></script>
<script type="text/javascript">
//把ngRoute注入到应用的模块 必须要有的
var app=angular.module("myApp",["ngRoute"]);
//把$routeProvider注入到config的方法中,配置路由的规则
app.config(["$routeProvider",function($routeProvider){
//配置路由的额规则
$routeProvider
//when的方法是用来配置
.when("/",{template:"这是主页面"})
.when("/book",{template:"这是图书"})
.when("/car",{templateUrl:"这是购物车"})
.otherwise({redirectTo:"/book"});
}]);
</script>
</head>
<body ng-app="myApp">
<ul>
<li><a href="#/">主页</a></li>
<li><a href="#/book">图书</a></li>
<li><a href="#/car">购物车</a></li>
<li><a href="#/wwwww">其他</a></li>
</ul>
<div ng-view>
</div>
</body>
</html>
<script type="text/javascript" src="angular.js"></script>
//导入的路由包
<script type="text/javascript" src="angular-route.js"></script>
<script type="text/javascript">
//把ngRoute注入到应用的模块 必须要有的
var app=angular.module("myApp",["ngRoute"]);
//把$routeProvider注入到config的方法中,配置路由的规则
app.config(["$routeProvider",function($routeProvider){
//配置路由的额规则
$routeProvider
//when的方法是用来配置
.when("/",{template:"这是主页面"})
.when("/book",{template:"这是图书"})
.when("/car",{templateUrl:"这是购物车"})
.otherwise({redirectTo:"/book"});
}]);
</script>
</head>
<body ng-app="myApp">
<ul>
<li><a href="#/">主页</a></li>
<li><a href="#/book">图书</a></li>
<li><a href="#/car">购物车</a></li>
<li><a href="#/wwwww">其他</a></li>
</ul>
<div ng-view>
</div>
</body>
</html>