Я использую реактивную форму. Я отобразил список компаний в виде раскрывающегося списка. Я хочу взять только его идентификатор и сохранить его в БД с другими значениями формы.
Угловой реактивный
<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
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>
Если вы правильно настроили форму, этого должно быть достаточно, если вы добавите this.uObj=this.form.value.companyName
. Если чего-то еще не хватает, было бы здорово, если бы вы могли добавить stackblitz или что-то вроде этого.
Похожие вопросы
Новые вопросы
html
HTML (язык гипертекстовой разметки) — это язык разметки для создания веб-страниц и другой информации, отображаемой в веб-браузере. Вопросы относительно HTML должны включать минимальный воспроизводимый пример и некоторое представление о том, чего вы пытаетесь достичь. Этот тег редко используется отдельно и часто в паре с [CSS] и [JavaScript].