大佬教程收集整理的这篇文章主要介绍了Angular4.0路由导航简单介绍，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
如果想一进入某个网址就自动跳转至另个网址地址，比如一旦点击了“/a”链接就自动跳转到“/b”网页，要做到这个需求就要重定向路由。这里以一进去网站就跳转到“/home”作为例子
如果是用户输入了@L_262_7@的地址，没有该页面，则对用户提示没有存在该页面，则在路由配置的最后一行写上下面的代码，注意！必须是最后一行，否则其他页面就会被匹配到@L_262_7@页
2.在AppComponent中的Html中，RouterOutlet负责了路由组件的内容的展示，在主页中起到了占位符的作用；而RouterLink是点击该标签后路由到哪个组件；
3.可以用Router来导航到另一个指定的路由，一般写在需要导航到特定路由的ts，在我这里是写在了appComponent.ts中。使用它是必须要引入相应的对象，以及在构造函数中实例化一个对象
4.ActivatedRoute保存着路由的参数，路由地址等，一般用来接收路由传参，用法和Router一样，也是先引入ActivatedRoute，实例化对象，写在接收参数的ts,比如app.componet向detai.component传了参 ，那就在detail.component.ts写AcivateRoute
再点击demo页面时，如果先点击了”详情“按钮，再点击”ActivatedRoute详情按钮“会发现上url上已经有传参了，可是id没值；可是如果反过来先点击”ActivatedRoute详情按钮“，再点击”详情“，@R_305_10585@url已经没有参数，可是id的值却还是存在的。
会出现这个原因，是因为，this.id=this.routerInfo.snapshot.queryParams["id"];中snapshot是快照信息，你可以理解为缓存，而这两个按钮相互点击进去的是同一个组件，也就是路由自身是不会触发 ngOnInit()，那写在其底下的id赋值就没有，第一次被赋的值就一直都是它的值。解决这个问题就要用到路由订阅，把上面那行代码改为this.routeInfo.params.subscribe((params) => this.id = params["id"]);
以上是大佬教程为你收集整理的Angular4.0路由导航简单介绍全部内容，希望文章能够帮你解决Angular4.0路由导航简单介绍所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。