как получить выбранное значение из выпадающего списка

Question

Я работаю над бэкэнд-приложением в весенней загрузке, а фронтенд - в угловом 5. У меня есть выпадающий список.Вот код для списка.

<select #selectElem (change)="onSelectCat($event.target.value)" >

<option *ngFor="let categorie of categories" [value]="fournisseur.categorieid" id="categorieid" name="categorieid">
{{categorie.libelle}}
</option>
</select>

, и я хочу извлечь выбранное значение из списка и добавить его к объекту провайдера, отправляемому формой, нажав кнопку add, который вызывает эту функцию: add.component.ts

newUser(fournisseur){
  this.fournService.createFourn(this.fournisseur).subscribe((fournisseur)=>{
    console.log(fournisseur);
   // this.router.navigate(['/*/listsuppliers'])
  },(error)=>{
    console.log(error);
  });
}

любые идеи, заранее спасибо

Answer 1

Попробуйте [(ngModel)] = "fournisseur.categorieid" для select элемента и измените [value]="fournisseur.categorieid" на [value]="categorie?.categorieid" в option.Вот https://angular.io/guide/forms#two-way-data-binding-with-ngmodel пример использования ngModel в элементе выбора