时间戳

首页 > 解决方案 > 从（更改）中获取价值无法正常工作

javascript - 从（更改）中获取价值无法正常工作

问题描述

我在一个有角度的项目中工作，该项目是使用Jhipster 6.9 版制作的。当用户从列表中选择一个选项时，我想获取值或索引。

<select  id="field_entidad"  name="entidad" formControlName="entidad" 
         (change)="detalle($event.target.value)">
         <option
         *ngFor="let entidadOption of entidads; trackBy: trackById; let i = index">
              {{ entidadOption.sigla }}
          </option>
</select>

更改方法工作正常，如更改选择选项时获取当前值 - Angular2中所示，但是在我的 .ts 组件中，当我尝试从我的 .html 获取值时，我有这个： https://i.stack.imgur。 com/r3S5a.png

这是在我的 .ts 中获取值的函数

detalle(event:any) :void {
console.log(event);
}

我想获取图片中显示的数字值，它实际上是索引，但是我花了几个小时，我无法获得这个属性我已经搜索了一些东西，比如如何访问 Javascript 对象的第一个属性？我想知道这在 JS 中是什么意思。 “1：对象”

非常感谢，PS这是我的第一个问题

标签： javascriptangularobjectjhipster

解决方案

您正在将整个对象加载到entidadOption每个选项的值上。如果你只想要索引，你可以尝试这样的事情：

<select  id="field_entidad"  name="entidad" formControlName="entidad" 
         (change)="detalle($event.target.value)">
         <option [value]="entidadOption.id"
         *ngFor="let entidadOption of entidads; trackBy: trackById; let i = index">
              {{ entidadOption.sigla }}
          </option>
</select>

和：

detalle(entidadId:any) :void {
     console.log(entidadId);
}

我猜这个id领域是你想要的。

推荐阅读