从 Angular 8 中的动态 ngmodel 获取数据答案

【问题标题】：Get data from dynamic ngmodel in Angular 8从 Angular 8 中的动态 ngmodel 获取数据
【发布时间】：2020-08-01 12:18:35
【问题描述】：

我正在使用从后端服务接收到的数据在 Angular 8 中加载动态表单。

由于 ngModel 是动态的，如果我想更新数据，如何从这些文本框中检索值

响应 json

[
   {
      "custom_name":"Roll Number",
      "data":"3232",
      "id":"15"
   },
   {
      "custom_name":"Marks",
      "data":"75",
      "id":"16"
   }
]

component.html 代码

<div class="form-row">
   <div
      class="col-md-4 form-group"
      *ngFor="let data of result; let i = index"
      >
      <label
         >{{ data.custom_name }}
      <span class="mandatory" *ngIf="mandatory">&#42;</span></label
         >
      <input
      type="text"
      class="form-control"
      name="field-{{ i }}"
      [(ngModel)]="data.data"
      />
   </div>
</div>

【问题讨论】：

不确定我是否理解这个问题。您有两种方式的数据绑定，data.data 应在输入值更改时更新
正如@ihorbond 所说，由于2路绑定，所有值都将在各自对象中的result数组中自动更新。您不需要将任何侦听器显式绑定到 input 元素。要查询更新的值，只需使用result 数组。

标签： angular angular8

【解决方案1】：

根据json数据，需要像这样绑定custom_name

[(ngModel)]="data.custom_name"

【讨论】：