получение индекса значения из массива повторяется в выпадающем списке

Question

Я работаю в Angular, где я сталкиваюсь с проблемой в

Получение индекса значения из массива повторяется в раскрывающемся списке

Я делюсь своим кодом

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';
  fruit =  [{"id" : 123 , "name" : "Apple" } , {"id" : 124 , "name" : "Orange" } ]

  constructor(){}

  getRsId(value , Index){}
}

html

<select (ngModelChange)="getRsId($event , i)">
  <option [value]='data.emp_code' *ngFor='let data of fruit ; let i = index' > {{data.name}} </option>
</select>

https://stackblitz.com/edit/angular-p6deib?file=src%2Fapp%2Fapp.component.html

Answer 1

Изменить это:

<select (change)="getRsId($event)">
  <option [value]='data.emp_code' *ngFor='let data of fruit ; let i = index' > {{data.name}} </option>
</select>

 getRsId(value){
   console.log(value);
   console.log(value.target['selectedIndex']);
  }

Вот демоверсия: https://stackblitz.com/edit/angular-luhanl?file=src / app / app.component.ts