如何从navigateByUrl获取参数？

Question

我使用以下方式进行导航：

this.router.navigateByUrl(item.url);

item.url有价值的地方：

orgtree/1

路线是：

{
        path: "orgtree/:orgstructure",
        component: OrganizationsComponent
      }

我做的内部组件：

 ngOnInit() {
    this.route.paramMap.subscribe(params => {
      console.log(params);

    });
}

为什么我得到空参数？

我也尝试过这个：

this.router.navigate(['/orgtree', 1]);

没有效果

我遇到问题：

路线应该是：

{
        path: "orgtree",
        component: OrganizationsComponent
      }

Answer 1

您应该声明变量然后使用它：

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

constructor(private route: ActivatedRoute) {
  this.route.paramMap.subscribe( params => {
    this.orgstructure = params.get('orgstructure');    
  });
}

更新：

你应该这样声明你的参数：

this.router.navigate(['/orgtree'], {queryParams: {orgstructure: 1}});

或者如果你想使用navigateByUrl方法：

const url = '/probarborrar?id=33';
this.router.navigateByUrl(url);

请参阅 stackblitz 的工作演示。