每次路由导航到角度页面时如何添加更改

在Angular中，每次路由导航到一个新的页面时，我们可以通过守卫和订阅路由事件的方式来添加或更改一些操作。下面我们来介绍一些实现方法。

在路由守卫中添加操作

首先，我们可以在路由守卫中添加操作。路由守卫是在路由导航过程中被触发的钩子函数，常用的有CanActivate和CanDeactivate等。我们可以在CanActivate中添加我们需要的操作，例如：

@Injectable()
export class MyGuard implements CanActivate {
  constructor(private myService: MyService, private router: Router) {}

  canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean>|Promise<boolean>|boolean {
    // 添加操作
    this.myService.doSomething();

    // 返回true或false决定是否进行路由导航
    return true;
  }
}

在路由事件中添加操作

其次，我们可以订阅路由事件来添加操作。路由事件包含了大量路由导航相关的事件，例如导航开始、导航结束、参数更新等等。我们可以在组件的构造函数中订阅这些事件，例如：

constructor(private router: Router, private activatedRoute: ActivatedRoute) {
  this.router.events.subscribe(event => {
    if (event instanceof NavigationEnd) {
      // 添加操作
      this.myService.doSomething();
    }
  });
}

需要注意的是，订阅了路由事件后需要在组件销毁时进行取消订阅，以避免内存泄漏。

ngOnDestroy() {
  this.routerSub.unsubscribe();
}

结论

以上就是每次路由导航到角度页面时如何添加更改的基本方法。我们可以根据具体的业务需求选择不同的实现方式，并根据需要在组件的生命周期中进行添加和取消操作。