Tengo una entrada de selección y estoy usando *ngFor en las opciones para permitir que el usuario seleccione de una matriz dinámica que obtengo de la base de datos

 <select formControlName="destination_id" (change)="onSelectDestination($any($event.target).value)" <option *ngFor="let destination of destinations" [ngValue]="destination.id" class="p-3"> {{ destination.name }} </option> </select>

La función

 onSelectDestination(id: any) { console.log(id); }

El problema aquí es que devuelve el índice del artículo y el valor

por ejemplo: si elegí el tercer elemento en la entrada de selección, devuelve este 2: 27

2: es el índice y 27 es la identificación que quiero

substr(3, 2) pero está dando problemas cuando el índice o la identificación es más grande que dos o tres letras

¿Cuál es la mejor práctica para hacer esto?