角度反应形式-以编程方式将输入元素绑定到反应形式

Question

我希望能够通过JavaScript创建表单元素（如输入），将其插入DOM，然后将其添加到有角度的反应形式。

零件

var el = document.createElement('input');
document.getElementById("form").appendChild(el)
-->what to do next?

模板

<form [formGroup]="form" #fromRef id="form">
    --><input>
    --><select>
</form>

编辑

我属于“普通”方法来遍历“预绑定”组件或DOM元素。 我真的很感兴趣是否有一种方法可以完全动态地做到这一点。

Answer 1

您将以这种方式对表单进行建模，从而可以使用*ngFor指令代替直接DOM操作来生成输入

检查这个例子：

它通过迭代问题来动态构建表单。 您可以使用表单数组和支持模型执行相同的操作。 在给定的示例中，您可以在运行时中更改问题的数量，并且表单将正确地重建自身。 我认为这是最接近您所需要的。