angularjs获取前一个网页以及现网页网址的路由信息
2016-07-13 11:07
113 查看
angularjs获取当前网址或者前一个网址中的ID、后缀名(name)等路由信息,在引用方法前,要在controller里面声明相关参数:
app.controller('caseNavCtrl', ['$scope', '$state''$rootScope', function($scope, $state, $rootScope){}]);
在这个controller里面写入下边代码:
$rootScope.$on('$stateChangeSuccess', function (ev, to, toParams, from, fromParams) {
$rootScope.previousState = from; //from为前一个页面的路由信息:url,cache,views,name
$rootScope.previousParams = fromParams; //fromParams为前一个页面的ID信息
$rootScope.nowState = to; //to为当前页面的路由信息:url,cache,views,name,同样,toParams为当前页面的ID信息
});
举例说明:
假设网址为:http://localhost:84/index.php#/case/caseId/YBF2016-000206#type=service;
从这个页面进入下一个页面:http://localhost:84/index.php#/casTk/caseTkId/YBF2016-000206。
那么from的内容为 :url: "/case/caseId/:caseId",cache: false,
views: Object, name: "case"
fromParams的内容为:YBF2016-000206
to的内容为:url: "/casTk/caseTkId/:caseTkId",cache: false, templateUrl: "/app/tpls/case/caseTk.html",name:
"casTk"
toParams的内容为:YBF2016-000206(这个ID是属于后一个页面网址的ID)。
如果想获取网址中#后边的内容,可用angularjs中的$location.hash();
app.controller('caseNavCtrl', ['$scope', '$state''$rootScope', function($scope, $state, $rootScope){}]);
在这个controller里面写入下边代码:
$rootScope.$on('$stateChangeSuccess', function (ev, to, toParams, from, fromParams) {
$rootScope.previousState = from; //from为前一个页面的路由信息:url,cache,views,name
$rootScope.previousParams = fromParams; //fromParams为前一个页面的ID信息
$rootScope.nowState = to; //to为当前页面的路由信息:url,cache,views,name,同样,toParams为当前页面的ID信息
});
举例说明:
假设网址为:http://localhost:84/index.php#/case/caseId/YBF2016-000206#type=service;
从这个页面进入下一个页面:http://localhost:84/index.php#/casTk/caseTkId/YBF2016-000206。
那么from的内容为 :url: "/case/caseId/:caseId",cache: false,
views: Object, name: "case"
fromParams的内容为:YBF2016-000206
to的内容为:url: "/casTk/caseTkId/:caseTkId",cache: false, templateUrl: "/app/tpls/case/caseTk.html",name:
"casTk"
toParams的内容为:YBF2016-000206(这个ID是属于后一个页面网址的ID)。
如果想获取网址中#后边的内容,可用angularjs中的$location.hash();
相关文章推荐
- Angularjs 跨域请求
- AngularJS基础教程之简单介绍
- AngularJS中处理多个promise的方式
- AngularJS入门(用ng-repeat指令实现循环输出
- angularJS 中$attrs方法使用指南
- AngularJS实现textarea记录只能输入规定数量的字符并显示
- 深入浅析AngularJS和DataModel
- 简述AngularJS相关的一些编程思想
- 不能不知道的10个angularjs英文学习网站
- AngularJS中的$watch(),$digest()和$apply()区分
- Angularjs中的事件广播 ―全面解析$broadcast,$emit,$on
- AngularJS的一些基本样式初窥
- AngularJS 如何在控制台进行错误调试
- AngularJS使用指令增强标准表单元素功能
- 简单讲解AngularJS的Routing路由的定义与使用
- 创建你的第一个AngularJS应用的方法
- Angularjs过滤器使用详解
- 详解AngularJS中的作用域
- Angular发布1.5正式版,专注于向Angular 2的过渡
- 简介AngularJS的视图功能应用