<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <title>Angular路由实现单页面切换</title> <scriptsrc="AngularJS/angular.js"></script> <scriptsrc="AngularJS/angular-route.js"></script> <scripttype="text/javascript">varapp=angular.module("myApp",['ngRoute']);app.controller("myCtrl01",function($scope,$route) { $scope.$route= $route; });app.controller("myCtrl02",function($scope,$route) { $scope.$route= $route; });app.config(["$routeProvider",function($routeProvider) { $routeProvider.when('/home',{templateUrl:'home.html',controller:'myCtrl01'}).when('/second',{templateUrl:'second.html',controller:'myCtrl02'}).otherwise({redirectTo:'/home'}); }]);app.controller("myCtrl",function($scope) { }); </script></head><bodyng-app="myApp"ng-controller="myCtrl"> <scripttype="text/ng-template"id="home.html"> <h1>Home</h1> </script> <scripttype="text/ng-template"id="second.html"> <h1>Second</h1> </script> <div> <ahref="#/home">HOME</a> <ahref="#/second">SECOND</a> </div> <divng-view style="width: 200px;height: 200px;border: 1px dashed blue"> </div></body></html>
