如何将id值绑定到form.value并在reactive中提交数据

Question

我使用的是一个反应形式。我已将公司列表显示为下拉列表。我只想获取它的id，并将它与其他表单值一起存储在DB中。

角反应

<div class="form-group col-sm-6" for="exampleInputPassword1">  
<div class="d-block my-3">    
<div class="mb-3">
<select class="custom-select"  formControlName = "companyName">
<option value="">Choose Company</option>
<option  *ngFor="let obj of companyList; let i = index" [value]="companyList[i].companyName">{{obj.companyName}}</option>
</select>
</div>
</div>
</div>

insertUser(){
this.uObj=this.form.value;
this.service.inssertUser("siteBookCreate",this.uObj).subscribe(data=>this.u  Obj=data);
}

```
<button type="button" class="btn btn-primary btn-publish"
[disabled]="form.invalid" (click)="inserUser(form.value)">Save <i style="font-size:22px;margin-left:10px;"></i> </button>

not able to get id of company

Answer 1

更改选项标签的[value]属性

<div class="form-group col-sm-6" for="exampleInputPassword1">  
<div class="d-block my-3">    
<div class="mb-3">
<select class="custom-select"  formControlName = "companyName">
<option value="">Choose Company</option>
<option  *ngFor="let obj of companyList; let i = index" 
[value]="companyList[i].companyID">    
{{obj.companyName}}</option>
</select>
</div>
</div>
</div>

Answer 2

如果正确配置了表单，那么添加this.uObj=this.form.value.companyName就足够了。如果缺少其他东西，如果你能添加stackblitz或类似的东西，那就太好了。