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

【问题标题】：angular reactive forms - bind input element to reactive form programmatically角度反应形式 - 以编程方式将输入元素绑定到反应形式
【发布时间】：2018-12-19 17:10:04
【问题描述】：

我希望能够通过 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 元素的“正常”方法。如果有办法完全动态地做到这一点，我真的很感兴趣。

【问题讨论】：

为什么要这样绑定输入？你不能直接使用反应形式吗？ toddmotto.com/angular-2-forms-reactive

标签： angular angular-reactive-forms angular-forms

【解决方案1】：

您将以能够使用*ngFor 指令而不是直接 DOM 操作来生成输入的方式对表单进行建模

检查这个例子：

https://angular.io/guide/dynamic-form#question-form-components

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

【讨论】：

感谢您的回复，但这不是我感兴趣的。我很清楚推荐的方法。我只是对是否有其他方法感兴趣。
这不是建议的方式，它的方式