Javascript 如何在选择选项9时将数据从后端绑定到前端

我在后端保存了一个数字，然后我尝试通过这个数字在角度上的选择选项显示所选对象

到目前为止，它只显示了我在TS中声明的带有枚举的列表。 但我的问题是，我已经在后端保存了一个数字，然后在HTML中不是我希望选择的值

这是闪电战

HTML是这样的

<select #selectedValue name="selectedValue"
        id="selectedValue" [ngModel]="selectedValue"
        (ngModelChange)="assignCorporationToManage($event)" class="col-md-12 form-control-sm">
           <option *ngFor="let employment of employmentType"
                   [ngValue]="employment" [selected]="employment">
                {{employment.description | translate}}
           </option>
</select>

  public employmentType = [
    {name: EmploymentType.EmployedFullTime, description: "employmentType.EmployedFullTime"},
    {name: EmploymentType.EmployedPartTime, description: "employmentType.EmployedPartTime"},
    {name: EmploymentType.Internship, description: "employmentType.Internship"},
    {name: EmploymentType.Owner, description: "employmentType.Owner"},
    {name: EmploymentType.BordMember, description: "employmentType.Boardmember"},
    {name: EmploymentType.Volunteer, description: "employmentType.Volunteer"},
  ];

以下是

ngModelChange

assignCorporationToManage(selectedValue) {
console.log(selectedValue); //Here it is returning me the number
}

这是枚举

export enum EmploymentType {
  EmployedFullTime,
  EmployedPartTime,
  Internship,
  Owner,
  BordMember,
  Volunteer,
  SelfEmployed,
  Shareholder,
  Official,
  Recruiter,
  Freelancer,
  Partner
}

但我确实有从后端读取的数据

companyUrl: "www.1234.de"
description: "test"
employmentType: 3
endDate: "2020-09-30"
name: "muster"
role: "IT Web Developer"
startDate: "2020-09-30"

在这里你可以看到

employmentType

是3，这意味着选择了

employmentType.Owner

但在HTML中，我无法显示从就业类型中选择的内容。

---

如果有人需要更多信息，我可以添加更多代码并更好地解释。

在这里，您可以更新html

选项

以及您的html选项

<option *ngFor="let employment of employmentType" [ngValue]="employment.name" [selected]="employment">
   {{employment.description | translate}}
</option>


{{employment.description}翻译}
正确答案是这样的。
我通过调试找到了。
它需要双向数据绑定

<select #selectedValue name="selectedValue"
        id="selectedValue" [(ngModel)]="data.career.employmentType" //here
         class="col-md-12 form-control-sm">
           <option *ngFor="let employment of employmentType"
                   [ngValue]="employment" [selected]="employment">
                {{employment.description | translate}}
           </option>
</select>


{{employment.description}翻译}
但是枚举有ID，那么在这种情况下，是什么在说枚举没有任何意义？您使用该枚举在
选择
元素中显示名称。是否正确？声明枚举只是因为它可以在不同的页面中使用。名字是身份证，但我写了名字。例如，定义是这样的<代码>导出enum EmploymentType{EmployedFulltime，EmployedPartTime，}
您可以在该问题中添加您的enum吗？是的，我可以添加，请查看更改。