2017-07-20 18 views
-1

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

添加更多信息 - 如果用户在文本区域输入+ 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>; 
+1

你能显示你的代码或任何错误信息吗? –

+2

你应该提供你一直在尝试使用的代码 – faboolous

+0

而不是告诉我们你想要什么,你应该提供你已经尝试过的和你有问题的地方的代码。这不是一个免费的编码服务;) – Alex

回答

0

我已经使用动态组件与DomSanitizer来解决问题。如果有人有同样的问题。

+0

你的答案与你的问题有同样的问题:你没有提供足够的细节对别人有用。 您是如何在DomSanitizer中使用动态组件的?你能显示一些代码吗? – Pac0

+0

你想要显示的innerHtml字符串可以被清理,就像this._sanitizer.bypassSecurityTrustHtml(strHTML); _sanitizer是DomSanitizer。我不得不改变代码以适应其他一些事情。让我知道你是否需要其他信息。 – rk2075

相关问题