Question

我有一些数据需要添加到选择中。

以下是数据：

data = [{
  name: 'test',
  list: {
    0: 'zero',
    1: 'one',
    2: 'two'
  }
}];

<select name="myselect">
  <option *ngFor="let ls of data" [value]="ls">{{ ls.list }} {{i}}</option>
</select>

结果是：[object Object] 0

我需要显示：

zero
one
two

，值分别为0、1、2 等

如何处理这些数据？

Answer 1

改进了@malbarmawi的答案，因此可以使用大于1的数组

<select name="myselect">
  <ng-container *ngFor="let ls of data">
    <option *ngFor="let item of (ls.list | keyvalue)" [value]="item.key">
      {{ item.value }} {{ i }}
    </option>
  </ng-container>
</select>

Stackblitz： https://stackblitz.com/edit/angular-hr2mer

Answer 2

尝试使用键值管道，因为它是一个对象而不是数组

this.interaction$.pipe(
      // if event.type === 'blur',
      debounceTime(100),
      // else
      throttleTime(100),
      tap(evt => this.fieldInteract.emit(evt))
   ).subscribe();

demo ??

角度* ng用于不返回列表

2 个答案: