Question

<div *ngFor="let task of arrayList">
<input id="task.fieldName" *ngIf="task.key === 'Others'" type="text" class="form-control">
</div>

输入字段是基于条件的动态创建字段，因此如何访问typescript文件中的输入值。

我知道如何使用@ViewChild访问一个输入字段名称。是否有其他方法可用于访问动态创建的元素值？

Answer 1

<div *ngFor="let task of arrayList">
  <input [(ngModel)]="values[task.key]" id="task.fieldName" *ngIf="task.key === 'Others'" type="text" class="form-control">
</div>

class MyComponent {
  values = {};
}

这种方式values将包含添加到输入中的值，如

{key1: 'abc', key2: 'def', ... }

如何在typescript文件中访问动态创建的输入标记值

1 个答案: