关于学习angularJS 的 心里路程(二)
这一次主要的学习内容是 ng-route(本次的项目由于种种原因吧,我们采用了ui-router,而不是原生的ng-route)
* 配置路由。
* 注意这里采用的是ui-router这个路由,而不是ng原生的路由。
* ng原生的路由不能支持嵌套视图,所以这里必须使用ui-router。
1、那么,首先我们得 依赖一下ui-router 这个库。代码如下
var routerApp = angular.module('routerApp',['ui.router']);
2、下面我们就开始配置我们的 路由以及状态设置
//配置路由、状态 routerApp.config(function ($stateProvider, $urlRouterProvider) { $urlRouterProvider.when("", "/PageTab"); $stateProvider .state("PageTab", { url: "/PageTab", templateUrl: "./tpls/PageTab.html" }) .state("PageTab.Page1", { url:"/Page1", templateUrl: "./tpls/Page1.html" }) .state("PageTab.Page2", { url:"/Page2", templateUrl: "./tpls/Page2.html" }) .state("PageTab.Page3", { url:"/Page3", templateUrl: "./tpls/Page3.html" }); });
然后再 创建新的 模板文件。从而实施 最基本的 router 的操作。
欢迎推荐,欢迎 star