為什么在應用程序組件中進行服務注入會導致URL參數未定義？

Question

我有一項服務，可以從URL讀取幾個參數。 在嘗試將服務注入到app.component.ts的constructor中或嘗試從app.component.ts調用服務方法之前，它app.component.ts 。 然后url參數是未定義的。

知道這可能是什么原因嗎？

my-service.service.ts ：

...
public param1;
constructor(public router: Router, private http: HttpClient) {
    this.param1 = 
     this.router.parseUrl(this.router.url).queryParams['todo'];
    console.log('param1: ' + this.param1); // returns undefined if the service is injected in app.component
}
....

app.component.ts ：

...
import { MyService } from './service/my-service.service';
....
constructor(private http: HttpClient, public myService: MyService) {
    ...
}

Answer 1

當我們傳遞一些參數時，我們總是這樣做：

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

  constructor(
    private router: Router,
    private route: ActivatedRoute
  ){ 
      this.route.params.subscribe(params => {
        let todo = params['todo'];
      });
  }

也許您必須將預訂移至ngOnInit（），但通常這應該可行。