如何将动态代码从URL添加到API的末尾？

Question

const routes: Routes = [
  
  { path: '', redirectTo: '/', pathMatch: 'full'},
  {
    path: 'survey-response-handler/:surveyCode',
    loadChildren: () =>
    import('./responses/responses.module').then(
      (m) => m.ResponsesModule
    ),
    component: SurveyResponseHandlerComponent
  }

这是我的app.routing.module.ts。如何将URL末尾输入的代码添加到API？

Answer 1

您可以通过Angular activatedRoute服务查看URL参数：

export class SomeComponent implements OnInit{
  surveyCode: number;

  constructor(private route: ActivatedRoute, private MyApi: myApiService) {}

  ngOnInit() {
    this.route.params.subscribe(params => {
       this.surveyCode = +params['surveyCode']; // (+) converts string to a number
       this.myApi.someCall(this.surveyCode);
    });
  }