如何在angular4中动态渲染表单字段（未预定义）（根据用户输入）

Question

如何根据angular4中文本区域中的用户输入呈现表单字段。如果用户在textarea中输入3个变量，我必须在文本区域下方提供3个带有标签，图像和文本字段的文本字段。用户可以输入任何变量，如4,5,6等。此外，需要为该图像提供java脚本操作（可能是弹出窗口）。我已经尝试过动态表单以及动态组件，但它们都不适合这个要求。任何帮助，将不胜感激。感谢。

添加更多信息 - 如果用户在文本区域中输入+ b = c并单击按钮，则必须添加如下文本字段和图像。我可以用下面的方式做到这一点。但是我怎么能在Angular 4中实现同样的目标呢？

document.getElementById(‘divID’).innerHTML = “<table><tr><td> a : <input type=‘text’ name=‘a’ value=‘’”> <a href=‘#’ onclick=“openChild(a)”>some image</a></td> b : <input type=‘text’ name=‘b’ value=‘’”> <a href=‘#’ onclick=“openChild(b)”>some image</a></td></tr></table>;

Answer 1

我使用动态组件和DomSanitizer来解决问题。如果有人遇到同样的问题。