如何在angular4中動態（根據用戶輸入）渲染表單字段（未預先定義）

-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>;

來源

2017-07-20 rk2075

你能顯示你的代碼或任何錯誤信息嗎？ –

你應該提供你一直在嘗試使用的代碼 – faboolous

而不是告訴我們你想要什麼，你應該提供你已經嘗試過的和你有問題的地方的代碼。這不是一個免費的編碼服務;） – Alex

我已經使用動態組件與DomSanitizer來解決問題。如果有人有同樣的問題。

來源

2017-07-22 14:22:40 rk2075

你的答案與你的問題有同樣的問題：你沒有提供足夠的細節對別人有用。您是如何在DomSanitizer中使用動態組件的？你能顯示一些代碼嗎？ – Pac0

你想要顯示的innerHtml字符串可以被清理，就像this._sanitizer.bypassSecurityTrustHtml（strHTML）; _sanitizer是DomSanitizer。我不得不改變代碼以適應其他一些事情。讓我知道你是否需要其他信息。 – rk2075

如何在angular4中動態（根據用戶輸入）渲染表單字段（未預先定義）

回答

相關問題