Angular JS的页面跳转

说明:此处方法跳转到当前页面,未打开新页面,供参考学习,如有其它方式实现,要留言分享哦。。。 大家一起浪起来


背景:统计数据展示后,需要在统计值的基础上,点击实现跳转到明细页面的情景。

如在a.html页面显示数据如下:

姓名      角色     操作次数

张三      销售 16


点击16跳转至b.html,展示16条数据的详细信息


代码说明:

在a.html页面中16的位置如此写

<td><span ng-click="goDetail(item.operator_id)">16</span></td>
 
a.html对应的controller
$scope.goDetail = function(operator_id){
    $location.url("operate_detail?operator_id="+ operator_id)         
}
 
operate_detail需要提前在路由中配置跳转的controller及页面
 
接下来在b.html对应的controller中获得location传过来的参数,如下
var temp = $location.url();
var operator_temp = temp.split("=");
var operator_id = operator_temp[1];
最后,带着这个需要的参数开始浪吧~~  可以查询数据啥的了
说明:此处获得参数的方式表觉得奇怪,因为Angular JS中location不能按照某个key去查询value,所以选择了这种蠢而简单的方法。哈哈哈哈~~~



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值