首页 文章

在Angular 2中强制路由转换到具有不同参数的相同路由

提问于
浏览
3

在带有UI路由器的角度1中,当我去相同的路线但不同的参数 . Angular将重新加载视图 . 但是在Angular 2中却没有 . 它只是更新数据 . 但我需要用户感觉页面正在转换到不同的页面 .

我已经尝试过的是强制角度2路由到虚拟路径/组件然后返回指定路径 . 我在从一条路线过渡到另一条路线时使用角动画 . 所以这种方法有点延迟,看起来很奇怪 .

{path: "product/:id" }

routerLink="/product/30"

1 回答

  • 1

    这个答案非常有帮助https://stackoverflow.com/a/38129910/9027171

    1 - 您应该添加ActivatedRoute

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

    2 - 在构造函数中

    构造函数(private activatedroute:ActivatedRoute,...

    3 - 和ngOnInit():

    this.activatedroute.params.subscribe(params => {
          console.log(params, params['rowid']);
          this.id = params['rowid']
            }
        });
    

    订阅后你的参数将在导航后更改NB:params ['here_put_your_param_name']

    谢谢 :)

相关问题