2017-07-20 19 views
-1

angle4のテキスト領域にユーザー入力に応じてフォームフィールドをレンダリングするにはどうすればよいですか。ユーザーがテキストエリアに3つの変数を入力すると、テキストエリアの下に、ラベル、画像、テキストフィールドが3つのテキストフィールドに表示されます。ユーザーは、4,5,6などのような変数を何も入力することはできません。また、その画像(ポップアップウィンドウかもしれません)にJavaスクリプトアクションを提供する必要があります。ダイナミックなフォームと動的なコンポーネントを試しましたが、どちらもこの要件に適合しません。どんな助けもありがとう。ありがとう。angle4のフォームフィールド(ユーザー入力に応じて)を即座にレンダリングする方法

詳細情報の追加 - ユーザーがテキスト領域に+ b = cと入力してボタンをクリックすると、以下のようなテキストフィールドと画像を追加する必要があります。私はそのような古い方法でそれを行うことができます。しかし、どのように角度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

関連する問題