angular4路由跳转-代码跳转

版权声明:本文为博主亲身经历,有不懂的地方,欢迎来我的博客留言讨论。 https://blog.csdn.net/wzw19950216/article/details/80296981

学习angular也有一小段的时间了, 虽然没成为一个大能,但是也不能说是一个小白,学到了一点点东西,就赶紧和大家分享。

路由跳转分为两种:代码跳转和指令跳转,个人感觉代码跳转比较简单一些,也相对的容易操作一些。首先呢,需要写一个事件~我就把他写在了一个button里边的单击事件中:


当然了button按钮也就是写在HTML中了,然后在这个HTML对应的ts文件中编写goback()方法。


这样,当你点击button按钮的时候,就会跳转到gam文件夹下的alltask文件,并且访问他。这样一个简单的指令跳转就实现了,需要注意的几个地方:

1、在HTML中的click时间一定要加小括号将click包起来。

2、goback方法后要加一对小括号,之前我就忘记加了,结果调了很久才发现。

3、router使用的时候需要先引用在声明:



这样你的router才可以使用。

4、navigateByURL不要拼写错了。这个如果错了看一眼就知道了。

大致就是这些了,有不懂的地方,留言我会看的。


猜你喜欢

转载自blog.csdn.net/wzw19950216/article/details/80296981