angular5 路由变化监听

最新推荐文章于 2021-07-26 03:39:49 发布

weixin_30632883

最新推荐文章于 2021-07-26 03:39:49 发布

阅读量333

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/mttcug/p/7977261.html

本文介绍了一种使用路由监听的方法来实现页面颜色的自动变化。通过监听路由的变化，并利用RxJS的操作符对激活的路由进行处理，从而实现特定的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.路由监听

//监听路由变化
this.router.events
  .filter(event => event instanceof NavigationEnd)
  .map(() => this.activatedRoute)
  .map(route => {
    while (route.firstChild) route = route.firstChild;
    return route;
  })
  .subscribe((event) => {
    this.colorChange();
  });

转载于:https://www.cnblogs.com/mttcug/p/7977261.html