如何从选择标签上的事件中检索对象？答案

【问题标题】：How can I retrieve object from event on select tag?如何从选择标签上的事件中检索对象？
【发布时间】：2017-10-04 03:42:54
【问题描述】：

我有一个 select 标记，它从一组 governorate 数据模型中动态获取选项，如下所示：

<select [(ngModel)]="selectedGov" (ngModelChange)="onUpdateGov($event)">

    <option *ngFor="let gov of governorates">{{gov.code}}</option>

</select>

和onUpdateGov 方法：

onUpdateGov(newGov) {
     console.log(newGov);
}

此方法记录省级代码，我想接受来自事件的所有 gov 对象。我如何检索用户选择的整个省对象

【问题讨论】：

Java != Javascript

标签： javascript jquery html angular

【解决方案1】：

只需将ngValue 添加到option：

<option [ngValue]="gov" ....

demo

【讨论】：

【解决方案2】：

当触发 modelChange 时，您将获得选项的值。如果您没有像以前那样显式绑定值，那么您将检索标签的文本值。您可以使用[value]=... 绑定并获取字符串值，也可以使用[ngValue]=... 并获取真实对象引用。

使用[ngValue] 绑定后，您对绑定模型的引用也将反映对象而不是字符串值（gov.code）。因此，您甚至可能不需要使用事件值，而是可以依赖组件中的绑定属性。

【讨论】：