角2传递参数到命名路由器出口？

Question

我正在通过命名的路由器出口向我的ChildComponent发送参数。 但是在子组件中，当我尝试访问参数时，它们是未定义的。

这是route-config文件

{ path: 'contact-hold/:id', component: OperationComponent, outlet: 'popup' }

这是我的链接：

<a [routerLink]="['\',{outlets:{popup:['hold',1]}}]">Hold</a>

这是浏览器中的外观：

/contact-list(popup:contact-hold/1)

这是我存放在AppComponent路由器出口：

<router-outlet name="popup"></router-outlet>

我正在操作组件中访问此参数，如下所示：

this.route.queryParams.subscribe(params=> {      
      console.log(params["id"]);
    })  

我已经解决了stackoverflow中的其他问题并实现了解决方案，但仍然无法正常工作。 此代码可能有什么问题？

Answer 1

尝试这个 ：

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

routeSub: any;

constructor(
    private route: ActivatedRoute
) {}

this.routeSub = this.route.params.subscribe((params) => {
    console.log('params', params);
})