Могу ли я передать имя опции выбора в метод ngModelChange в Angular?

Question

У меня есть этот select ниже, и я хочу передать имя для опции select в industryChange (), а не значение ($ event). Это возможно? Передача industry.name в моем примере ниже не работает!

Вот мой выбор

<div class="form-group col-md-4">
  <label for="ceIndustry">Industry</label>
  <select class="form-control" 
       [(ngModel)]="ceModal.industryId" 
       name="ceIndustry" 
       #ceIndustry="ngModel" 
       required 
       (ngModelChange)="industryChange(industry.name)">
    <option [ngValue]=null>None selected</option>
    <option *ngFor="let industry of industryList" [value]="industry.code">{{industry.name}}</option>
  </select>
</div>

Answer 1

пожалуйста, используйте (измените) в своем коде

<div class="form-group col-md-4">
  <label for="ceIndustry">Industry</label>
  <select class="form-control" 
       [(ngModel)]="ceModal.industryId" 
       name="ceIndustry" 
       #ceIndustry="ngModel" 
       required 
       (change)="industryChange($event.target.value)">
    <option [ngValue]=null>None selected</option>
    <option *ngFor="let industry of industryList" [value]="industry.name">{{industry.name}}</option>
  </select>
</div>

Answer 2

Вы можете с ngValue

<div class="form-group col-md-4">
  <label for="ceIndustry">Industry</label>
  <select class="form-control" 
       [(ngModel)]="ceModal.industryId" 
       name="ceIndustry" 
       #ceIndustry="ngModel" 
       required 
       (ngModelChange)="industryChange($event)">
    <option [ngValue]=null>None selected</option>
    <option *ngFor="let industry of industryList" [ngValue]="industry">{{industry.name}}</option>
  </select>
</div>

industryChange получит полный объект отрасли. Тогда вы можете использовать имя.