Как получить только значение без индекса в методе выбора изменений в Angular JS?

Question

Вот мой код в HTML.

<select class="form-control" (change)="onChange($event)" 
[ngModel]="user" name="user" >              
<option *ngFor="let user of users async as users;" 
[ngValue]="user.userid">{{user.userName}} </option>                                                          
</select>

Вот мой код в компоненте

onChange($event)
{

   this.userid = $event.target.value;
   console.log(this.userid);
}

Когда я регистрирую значение.Скажем, у пользователя есть идентификатор - XYZ.Он регистрируется как

1: (Index of the selection)
XYZ 

Как получить только значение без индекса?

Answer 1

Вам не нужно передавать $event в onChange(), чтобы получить значение выбранного параметра.[ngModel] тега Select будет содержать этот экземпляр для вас. Я бы переименовал модель "пользователя" в selectedUser, так как она более подходящая.

Попробуйте это так

<select class="form-control" (change)="onChange()" 
[ngModel]="selectedUser" name="user" >              
    <option *ngFor="let user of users async as users;" 
    [ngValue]="user.userid">{{user.userName}} </option>                                                          
</select>

И в вашем компоненте

export class YourComponent {
  selectedUser: User;

    onChange()
    {
       console.log(this.selectedUser);
    }
    //other stuff
}