Я использую реактивную форму. Я отобразил список компаний в виде раскрывающегося списка. Я хочу взять только его идентификатор и сохранить его в БД с другими значениями формы.

Угловой реактивный

 <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
0
Minakshi 24 Окт 2019 в 15:25

2 ответа

Лучший ответ

Измените атрибут [value] вашего тега option

 <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>
0
rahul tiwari 24 Окт 2019 в 12:48

Если вы правильно настроили форму, этого должно быть достаточно, если вы добавите this.uObj=this.form.value.companyName. Если чего-то еще не хватает, было бы здорово, если бы вы могли добавить stackblitz или что-то вроде этого.

0
Adrian Sawicki 24 Окт 2019 в 12:33