Angular路由 属性的学习

canActivate属性

        在Angular中，canActivate 是路由守卫（Route Guards）的一种，用于控制用户对特定路由的访问权限。路由守卫是Angular路由系统中的一个功能，它们可以在路由激活之前执行自定义逻辑，以决定是否允许路由激活。

        canActivate守卫可以应用于组件路由或任何路由上。它是一个返回布尔值的函数，如果返回 true，则路由可以激活；如果返回 false，则路由激活会被阻止，用户将无法访问该路由。

canActivate 守卫的基本用法：

        在这个例子中，如果用户尝试访问protected路由，AuthGuard守卫将被调用。如果用户未登录，守卫将返回false并重定向用户到登录页面。

        路由守卫是Angular中一个非常强大的功能，它不仅可以用于简单的权限控制，还可以用于更复杂的场景，比如角色基础的访问控制、页面刷新时的认证状态检查等。

• 创建守卫：首先，你需要创建一个守卫。在Angular中，这通常是通过使用ng generate guard命令来完成的。

ng generate guard auth

• 实现守卫逻辑：在生成的守卫类中，你需要实现canActivate方法。这个方法应该返回一个布尔值或一个Observable，如果Observable发出true，则路由可以激活。