美文网首页
Angular路由参数改变后,组件不重新调用数据

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

作者: 骚包霸天虎 | 来源:发表于2020-01-10 11:45 被阅读0次

场景:
使用的是同一个组件,但是路由的参数不一样
需求:
参数不同的时候,组件重新获取数据
举例:
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 文章

相关文章

网友评论

      本文标题:Angular路由参数改变后,组件不重新调用数据

      本文链接:https://www.haomeiwen.com/subject/wpupactx.html