angular4相同路由间的页面跳转

相同路由间的页面跳转,页面不刷新的问题

例:

在这里插入图片描述

切换单位之后路由仍为/home,但不同组织的首页配置不同(包括banner,公告等等),如果直接跳转/home的话,页面不会进行刷新而且参数(id)也不会发生任何变化;

方法一:

   this.router.navigate(['home',{id:value}]);  //后面带个参数,页面就会刷新

此时,页面刷新了,有些原始数据已经渲染上去,但是请注意ngOnInit()函数没有执行,所以此刻的数据获取及处理应该在constructor()函数里

例:

在这里插入图片描述

课程详情里相关课程跳转,如果用routerLink的话,页面不会刷新,因此采用以下几种方法:

方法二:

<a [href]="'/course/detail/'+item?.id"></a> //用a标记跳转

方法三:

link(){ //用click事件,这样还能在函数里做一些别的处理
     window.open(`/course/detail/${id}`,'_self')
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值