необходимо передать другое значение, чтобы изменить событие

Question

дайте, пожалуйста, совет, как мне решить эту проблему. Мне нужно передать area.id методу onChangeArea, чтобы сделать запрос, но я также не могу изменить значение параметров, потому что мне нужен area.code в formControlName. Как передать идентификатор в onChangeArea?

Answer 1

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

<select id="area" class="form-control" #area formControlName="area">
  <option value="*" (click)="onAreadChange('*')">Bce</option>
  <option *ngFor="let area of areas" [value]="area.code" 
  (click)="onAreaChange(area._id)">
   {{area.code}}
  </option>
</select>

Answer 2

Если area.code уникален, вы можете искать конкретный объект в массиве areas в вашем контроллере.

getArea(code) {
    this.areas.forEach(function(area) {
        if(area.code === code) {
            console.log(area._id);
        }
    });
}

Вы можете вызвать эту функцию onChange event.

Hope это будет полезно.