Используя ngModel в опции, выберите

Question

Я хотел бы передать атрибут из вызова API в функцию отправки и не уверен, почему он не работает.Я думаю, что это как-то связано с выбором опции или переформатированием ввода.

Испытывает ошибку Error: No value accessor for form control with name: 'employee_id'

form.component.html

<select>
 <option 
   *ngFor="let employee of employees" 
   name="employee_id" 
   [(ngModel)]="employee_id">
   {{ employee.name }}
 </option>
</select>

<button 
  (click)="submitMeetingRequirements()" 
  class="btn btn-success">
  Suggest Meeting
</button>

и этофункция отправки от form.component.ts

submitMeetingRequirements() {
  this._meetingService.submitMeetingRequirements(
    this.employee_id)
    .subscribe(res => this.suggestions = res["suggestions"])
}

Answer 1

Исправлено с

<select [(ngModel)]="employee_id" name="employee_id">
  <option 
    *ngFor="let employee of employees"
    value="{{employee.id}}">
    {{ employee.name }}
  </option>
</select>

Answer 2

Используйте [(ngModel)] на теге select, а не тег * option.Примерно так:

<select [(ngModel)]="employee_id">
 <option 
   *ngFor="let employee of employees" 
   name="employee_id" >
   {{ employee.name }}
 </option>
</select>

<button 
  (click)="submitMeetingRequirements()" 
  class="btn btn-success">
  Suggest Meeting
</button>

---

Вот Рабочий образец StackBlitz для вашей ссылки.