獲取子組件中的angular路由參數

Question

我很難正確處理子組件的路由參數。

我有一個這樣的路由參數：

{ path: 'bin-view/:pileid', loadChildren: () => import(`./bin-view/bin-view.module`).then(m => m.BinViewModule) }

以及我傳入參數的鏈接：

<a [routerLink]="['/bin-view', _pileid]" routerLinkActive="active">view bin</a>

然后在我的子組件上下文中，我有以下內容：

export class OverviewComponent implements OnInit {

    private _pileid;

    constructor(private _activatedRoute:ActivatedRoute) { 
        this._pileid = this._activatedRoute.snapshot.paramMap.get('pileid');
    }

    ngOnInit() {
        console.log(this._pileid);
    }

}

但這一直給我一個null值。 我在這里想念什么？

Answer 1

在snapshot.paramMap中使用parent級

constructor(private route: ActivatedRoute) { }

ngOnInit() {
  this.route.parent.params.subscribe(params => {
    this.pileid = params[pileid];
  });
}