AngularJs 嵌套路由（ui-router）
<pre>
//1.声明Angularjs 模块，把ui-router 传入Angularjs模块中
var myApp = angular.module("myApp", ['ui.router']);
//2.把 $stateProvider 和 $urlRouteProvider 路由引擎作为函数参数传入，这样我们就可以为这个应用程序配置路由了.
myApp.config(function ($stateProvider, $urlRouterProvider) {
//3如果没有路由引擎能匹配当前的导航状态，那它就会默认将路径路由至 PageTab.html, 这个页面就是状态名称被声明的地方. 相当于switch case中的default选项
$urlRouterProvider.when("", "/PageTab");
//页面被加载好以后第一个被使用的路由
$stateProvider
.state("PageTab", {
url: "/PageTab",
templateUrl: "PageTab.html"
})
//PageTab.Page1 定义子页面，嵌入页面中，他会在PageTab中显示
.state("PageTab.Page1", {
url:"/Page1",
templateUrl: "Page-1.html"
})
.state("PageTab.Page2", {
url:"/Page2",
templateUrl: "Page-2.html"
})
.state("PageTab.Page3", {
url:"/Page3",
templateUrl: "Page3.html"
});
});</pre>
下面我们就只需要在首页中
写入，记得要引入angular.js文件和 angular-ui-router.js文件
<div>
<div ui-view=""/>
</div>
