如何在Angular JS的select change方法中只获得没有索引的值?

问题描述 投票:0回答:1

这是我的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>

这是我在Component中的代码

onChange($event)
{

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

当我记录值。假设用户有id - XYZ。它被记录为

1: (Index of the selection)
XYZ 

如何在没有索引的情况下获得唯一值?

angularjs select ngfor
1个回答
0
投票

您无需将$event传递给onChange()即可获得所选的选项值。 Select-tag的[ngModel]将为您保存该实例。我会将“用户”模型重命名为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
}
© www.soinside.com 2019 - 2024. All rights reserved.