从组件获取值以在锚点内的 queryParams 中查看

Question

我正在一个组件页面之一上应用全局导航。

myComponent

export class MyComponent implements OnInit {
  sampleId: number;
  ngOnInit() {
    try {
      this.route.queryParams.subscribe(params => {
        this.sampleId = params['sampleId'];
        this.router.navigate(["/samples"], { queryParams: { id: this.sampleId} });
      })
     }
   }
}

App-rounting.ts

const routes: Routes = [
  { path: 'samples', component: MyComponentViewComponent }]

视图

<li class="style-cls" [routerLinkActive]="['link-active']">
  <a [routerLink]="['/samples']" [queryParams]="{id: this.sampleId }">Samples</a>
</li>

我遇到了一个错误来使用锚标签显示导航。在Queryparams中，如何获得组件中分配的ID值，以便可以导航。