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

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

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

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

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

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

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

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

发布了12 篇原创文章 · 获赞 1 · 访问量 1061

猜你喜欢

转载自blog.csdn.net/Genjicoo/article/details/98982648