html - 如何使用 *ngFor : Angular 2+ 中的动态键获取数组

Question

这是我的对象:

dynamicData = 
    {
       uni_id:{options: [1,2,3,4]},
    }

我想像这样使用 ngfor 循环:
<option *ngFor="let opt of dynamicData.uni_id.options" value="{{opt.value}}">{{ opt.label }}</option>
问题是:uni_id 是动态的并且在运行时可用。 uni_id 键本身是动态的。它可以是 uni_id5, uni_id7 任何来自 db 的东西
我如何在模板中使用它

Answer 1

您可以使用 keyvalue管道以动态循环遍历对象属性。

像这样尝试:

  <ng-container *ngFor="let opt of dynamicData | keyvalue">
    <option  *ngFor=" let item of dynamicData[opt.key].options" value="{{item}}">{{item }}</option>
  </ng-container>

Working Demo