angular - 如何从 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);

Please, see work demo at stackblitz.