Angular路由参数改变后,组件不重新调用数据

场景:
使用的是同一个组件,但是路由的参数不一样
需求:
参数不同的时候,组件重新获取数据
举例:
articles?category=1&type=0 切换路由至 articles?category=1&type=1,我们想要的是根据参数再次获取数据,实际情况不会重新获取

解决方案:

import { ActivatedRoute, Router } from '@angular/router';

constructor(
    private articleService: ArticleService,
    private routeInfo: ActivatedRoute,
    private router: Router
  ) {
    // override the route reuse strategy 复用路由
    this.router.routeReuseStrategy.shouldReuseRoute = () => {
      return false;
    };

  }

参考stackoverflow 文章

推荐阅读更多精彩内容