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

我希望能够通过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元素。我真的很感兴趣，如果有一种方法可以完全动态地完成这项工作。

您将对表单进行建模，这样您就能够使用

*ngFor

指令而不是直接的DOM操作来生成输入

检查此示例：

---

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

为什么要这样绑定输入？你不能直接使用反应形式吗？谢谢你的回复，但这不是我感兴趣的。我很清楚推荐的方法。我只是对是否还有其他方法感兴趣。这不是建议的方法，而是方法