美文网首页
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