Select 项目总是返回 [object, Object]

Question

我正在尝试获得一个在 angular 中工作的简单表格。 它有一个 select 盒子，设置如下：

<select formControlName="tag1" (ngModelChange)="changeTag1($event)">
    <option *ngFor="let up of uploadMock" [ngValue]="up" [value]="up.tagCode">{{up.tagName}}</option>
  </select>

我想在它回发时获得它的价值。 但是，该值始终是 [object, Object]，即使我使用 Chrome 检查它也是如此。

我究竟做错了什么？ 我不明白为什么很难获得 select 盒子的价值。

Answer 1

试试这样：

工作演示

.html

<select formControlName="tag1" (change)="changeTag1($event.target.value)">
    <option *ngFor="let up of uploadMock" [value]="up.tagCode">{{up.tagName}}</option>
</select>

.ts

  changeTag1(evt) {
    console.log(evt)
  }

Answer 2

你做得对，但你需要删除 ngValue，你可以通过这种方式使用value ：

<option *ngFor="let order of orders; let i = index" [value]="orders[i].id">

在 select HTML 标签内。