Angular的常用路由守卫有5种，按照执行顺序：
① CanLoad：进入到当前路由的时候触发（若用户没有权限访问，相应的模块并不会被加载。这里是指对应组件的代码）。
↓
② CanAcitivate：进入到当前路由的时候触发（即使返回的是false，用户并没有权限访问该路由，但是相应的模块会被加载）。
↓
③ CanActivateChild：刚刚进入子路由触发。
↓
④ Resolve：进入当前路由之后，离开之前触发。
↓
⑤ CanDeactivate：离开当前路由离开的时候触发。
① guard/CanLoad.guard.ts
② guard/CanAcitivate.guard.ts
③ guard/CanActivateChild.guard.ts
④ guard/Resolve.guard.ts
⑤ guard/CanDeactivate.guard.ts
app-routing.module.ts
访问localhost:4200/home打开F12查看提示：
app.component.html
在home里面写一个按钮跳转到localhost/,然后打开F12查看
app/home/home.component.ts
app/home/home.component.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/bian-cheng-ri-ji/27577.html