时间戳

首页 > 解决方案 > 我在侧数组中有不同键的数组我想使用角度 6 中 HTML 端的特定键获取特定数组

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

问题描述

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>

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

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

标签： javascripthtmltypescriptangular6

解决方案

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

推荐阅读