angular通过路由实现组件之间的跳转(不是angularjs)

不知道为什么明明angular都到8了,从网上搜个angular的东西搜出来的都是angularjs的东西,虽然js和ts换汤不换药,但是对于我这种前端小白来说,写法上差一点我都要研究半天。好了言归正传,讲一下angular组件跳转的几种方式吧。

一、window.location.assign(‘配置的路由地址’)

首先,我们知道,从angular2开始,一个前端项目就只有一个html页面了,所谓的页面跳转也变成了组件之间的切换。
那么其实我们用这种方式也是没有问题的,只不过,这个跳转看起来会有点别扭,因为他会刷新你要去的路由地址,通俗点讲就是页面会闪一下,就用户体验来讲,一般情况下应该不会用到这种方式。

二、this.router.navigate([‘配置的路由地址’])

具体的关于这个navigate方法是什么样子的,可以看这里

三、this.router.navigateByUrl(‘配置的路由地址’)

直接就可以跳转,但是要注意这个router是需要你import进来的

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值