javascript - 我在侧数组中有具有不同键的数组我想使用 Angular 6 中的 HTML 侧的特定键获取特定数组

Question

sqlArray = [
  {
    module_idn: [
      {
        "K": "0",
        "V": "ABC"
      },
      {
        "K": "1",
        "V": "XYZ"
      }
    ]
  }
]

这是我的数组，我想通过特定键获取数据

<select class="form-control select" name="{{fl?.table_field}}" [value]="fl?.default_value" [(ngModel)]="fl.default_value">
    <option *ngFor="let dynamic of sqlArray[fl.table_field]" value="{{dynamic.k}}">{{dynamic.v}}</option>
</select>

在 HTML fl.table_field 中具有相同的键名称，即“module_idn”。

如何获取特定数组进行显示，sqlArray 中的键值可以是多个。

Answer 1

嵌套的ngFor应该可以解决问题。但是，您可能需要考虑展平此数据结构或提取有趣的部分或最终提取整个组件来处理每件事(然后您将首先使用 ngFor 来“切片”主数组，并且每个嵌套数组将是给另一个组件。