对于此路线：您可以这样尝试：

const routes: Routes = [
   {path:'*/:id', component: AppComponent},
];

AppComponent .ts文件中：

constructor(
      private activatedRoute: ActivatedRoute,
    ) { }



    ngOnInit() {
      this.activatedRoute.params.subscribe(params => {
          const id = params['id'];
          console.log('Url Id: ',id);
    }

    OR

    ngOnInit() {
      this.activatedRoute.queryParams.subscribe(params => {
          const id = +params.id;
          if (id && id > 0) {
           console.log(id);
          }
      });
    }

首先，有一个像你这样的URL，其中包含queryParams：
localhost：4200/？id=test&name=testing&email=testing@test.com
通过这种方式，您可以使用ActivatedRoute对象访问queryparams，如：

this.name = this.activatedRoute.snapshot.queryParamMap.get('name'); // this.name = 'testing'

或者：

this.activatedRoute.queryParams.subscribe(params => {
       this.name= params['name'];
     });

另一种方法是
localhost：4200/test/testing/testing@test.com
用于同步检索（一次）：

this.name = this.activatedRoute.snapshot.ParamMap.get('name');

Angular为我们提供了ActivatedRoute对象。我们可以以与上面相同的方式访问URL参数值，几乎没有区别。这种类型的数据可以通过两种不同的方式访问。一种是通过route.snapshot.paramMap，另一种是通过route.paramMap.subscribe。两者之间的主要区别是订阅将随着特定路由的参数更改而继续更新。

ngOnInit() {
    this.route.paramMap.subscribe(params => {
        this.userType = params.get("userType")
    })
}

您需要创建新组件并更新工艺路线配置，如下所示：
首先，创建一个新组件：MainComponent：

import { Component } from '@angular/core';

@Component({
  selector: 'main',
  template: `<router-outlet></router-outlet>`,
})
export class MainComponent {
  constructor() {  }
}

然后，更新AppModule：

import { AppComponent } from './app.component';
import { MainComponent } from './main.component';

@NgModule({
  imports:      [ 
    BrowserModule, 
    FormsModule,
    RouterModule.forRoot([
      {path: '', component: AppComponent}
    ])
  ],
  declarations: [ MainComponent, AppComponent ],
  bootstrap:    [ MainComponent ]
})
export class AppModule { }

最后，您需要更新index.html文件（确保加载全新的组件，而不是AppComponent）：

<main>loading</main>

现在您可以读取AppComponent中请求的参数：

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Params } from '@angular/router';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent implements OnInit {
  params: Params;

  constructor(private route: ActivatedRoute){}

  ngOnInit() {
      this.route.queryParams.subscribe((params: Params) => {
        this.params = params;
        console.log('App params', params);
        const id = params['id'];
        console.log('id', id);
      });
  }
}

请参见此处的工作示例：https://read-params-app-component.stackblitz.io/?id=test&name=testing&email=testing@test.com。
并找到源代码here。
我希望它有帮助！

你可以这样试试

constructor(
  private activatedRoute: ActivatedRoute
)
ngOnInit() {
  this.activatedRoute.paramMap.pipe(
    tap(() => console.log(this.activatedRoute.snapshot.paramMap.get(
      "id"
    )))
  ).subscribe()
}

从@uirouter/core使用Transition可以很容易地从url获取参数。

import {Transition} from '@uirouter/core';

@Component()
export class MyComponent {
public myParam = this.transition.params().myParam;

public constructor(public transition: Transition) {}
}

我在angular 8中使用了jquery，并在app组件中声明后使用jquery $变量获得了href。

import { query } from '@angular/animations';

declare var $: any;