Question

我有一个5号角项目。我有一个下拉框，该框由数组填充。我从下拉菜单中选择一个选项并进行打印。但是我可以看到它正在打印意外值。

在我的组件类中，我有一个库存数组

inventories: FlightInventory[] = [];

这是我的model.ts，其中定义了FlightInventory

export enum FlightInventoryCode {
  SMS = 'SMS',
  MMS = 'MMS',
  EMAIL = 'EMAIL',
  MCN_VM = 'MCN_VM',
  PBE = 'PBE',
  PTU = 'PTU'
}

export enum FlightInventoryType {
  NUMBER = 'NUMBER'
}


export interface FlightInventory {
  id: string;
  label: string;
  code: FlightInventoryCode;
  type: FlightInventoryType;
  rate: number;
  isTagOn: boolean;
  allowSmsFallback: boolean;
}

在我的模板html中

<select formControlName="inventory" [compareWith]="compareInventory" (change)="inventoryChanged($event.target.value);">
          <option value="" disabled>{{ 'PLACEHOLDERS.SELECT_INVENTORY' | translate }}</option>
          <option *ngFor="let inventory of inventories" [ngValue]="inventory">{{ inventory.label }}</option>
        </select>

在我的组件类中，我试图打印选择的选项。

  inventoryChanged(event){
    console.log(event);
  }

目前，我的选择框中只有两项。因此，当我选择项目时，便触发了stockedChanged。但是输出如下。

1: Object
2: Object

但是我希望可以打印FlightInventory对象。知道这里有什么问题吗？感谢任何帮助

Answer 1

如评论中所述，只需打印表单控件的值：

console.log(this.myForm.get('inventory').value)

Answer 2

console.log（JSON.stringify（event））;

打印一个选项值会产生意想不到的结果？

2 个答案: