这是我的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
如何在没有索引的情况下获得唯一值?
您无需将$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
}