Angular 2+ Primeng +下拉列表+反应形式

Question

后端：我有REST API请求主体，其中包含一个枚举参数ExperienceType

前端：

export enum ExperienceType {
  ENTRY,
  INTERMEDIATE,
  EXPERIENCED,
  EXPERT,
}

export const ExperienceTypeMapping = [
  {value: ExperienceType.ENTRY, type: 'ENTRY'},
  {value: ExperienceType.EXPERIENCED, type: 'EXPERIENCED'},
  {value: ExperienceType.EXPERT, type: 'EXPERT'},
  {value: ExperienceType.INTERMEDIATE, type: 'INTERMEDIATE'}
];

当我发出发布请求时，它看起来像对象（{value：2，类型：“ Entry”}），而不仅仅是字符串“ ENTRY”：

从表单获取值：

vacancyForm = this.formBuilder.group({
    ..........................
    experienceType: ['', [Validators.required]],
    ..........................
  });



this.vacanciesService.createVacancy(this.vacancyForm.value).subscribe() ....

所以我想将请求主体从对象更改为字符串{值：2，键入：“ Entry”}到->“ Entry”

我尝试关注但不起作用：

temp=this.vacancyForm.get('experienceType').get('type'))

this.vacancyForm.controls.experienceType.setValue(temp);

Answer 1

您可以尝试类似的东西

this.vacanciesService.createVacancy({
    ...this.vacancyForm.value,
    experienceType: this.vacancyForm.get('experienceType').get('type')
}).subscribe()