Angular 路由守卫：控制页面访问和数据加载

路由守卫是 Angular 中一种在路由导航过程中进行控制的机制，用于保护应用程序的页面不被未经授权的用户访问。在 Angular 中，路由守卫是一个用于拦截路由导航的特殊函数，可以在导航到某个路由之前或之后执行一些特定的逻辑。

路由守卫可以分为四种类型：

1. 'CanActivate'：在导航到某个路由之前执行，用于判断是否允许用户进入该路由。

2. 'CanActivateChild'：在导航到某个子路由之前执行，用于判断是否允许用户进入该子路由。

3. 'CanDeactivate'：在导航离开某个路由之前执行，用于判断是否允许用户离开该路由。

4. 'Resolve'：在路由激活之前执行，用于预加载数据或执行其他异步任务。

通过使用路由守卫，可以实现很多应用场景，例如：

1. 防止未登录用户访问某些页面。

2. 防止未授权用户访问某些页面。

3. 在用户离开某个页面前提示用户是否保存未提交的表单数据。

4. 在路由激活之前预加载数据，提高应用程序性能。

总之，路由守卫是 Angular 中非常重要的一个特性，它可以帮助开发者实现更加安全和高效的应用程序。