angular 刷新问题

本文详细介绍了在AngularJS应用中如何通过路由传递参数,并对比了两种常见的方式:使用params配置和直接将参数包含在URL中。前者适用于不需要在URL中显示参数的情况,但存在页面刷新后参数丢失的问题;后者则能确保即使页面刷新也能正确获取到参数。

从列表页进入详情页,需要传递参数,列表页使用$state.go('inbox',{id:'12311'}),详情页使用$stateParams.id获取参数

1.第一种使用写法

$stateProvider
    .state('inbox',{
          url:'/inbox',
          params:{id:null},
          controller:'urlController',
          template:'<p></p> '
})    

对你有一个问题是,到详情页后,如果页面刷新,会获取不到id的值,页面显示不正确

2.不使用params

$stateProvider
    .state('inbox',{
          url:'/inbox/:id',
          controller:'urlController',
          template:'<p></p> '
})    

使用第二种方式,id会显示在url上,即使页面刷新,仍然能够拿到数据。

 3.使用$loacation服务,$location.href负责拼参数到url页面跳转,$location.search()负责接受url中参数

转载于:https://www.cnblogs.com/feijizaici/p/6284853.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值