AngularJs 嵌套路由（ui-router）

AngularJs 嵌套路由（ui-router）

 //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"
 });
 });

下面我们就只需要在首页中
写入，记得要引入angular.js文件和 angular-ui-router.js文件