2017-12-20 22 views
1

私は私の角度アプリでHTMLのテンプレートを使用していますし、私のコードは次のようなものです:HTMLテンプレート機構はAngularで動作しますか?

<script type='text/html' id="sampleId">...</script> 

しかし、HTMLがロードされたとき、私はDOMに、このスクリプトブロックを見つけることができませんでした。

どのようにしてAngularでHTMLテンプレートメカニズムを実現できますか?

+0

なぜ角度アプリでhtmlテンプレートを使用するのですか?それは角度の目的を打ちのめすだけです。 ''または ''を使います。 – Dhyey

+0

を使用して開発者ツールを表示しようとすると、要素領域に表示されません。 @Dhyey –

答えて

2

Angularでは、HTMLテンプレートにスクリプトタグを使用できません。 ANgularはHTMLテンプレートもコンパイルし、テンプレートからスクリプトタグやその他のセキュリティ関連のものを削除します。 私はあなたのコンポーネントに動的HTMLを注入したいと思います。問題のより良い解決策を提供できるように、ユースケースを記述してください。

+0

実際、私は自分のページにテンプレート機構を実装する必要があります。意味、私は通常のHTML(これは再利用の目的のみ)として考慮して、ページ内のスクリプトブロック内のHTMLコンテンツを読み込む必要があります。そのスクリプトブロックをdivに変更すると動作しますが、ブラウザは通常のHTMLとみなしてブラウザに表示します。 –

+0

divに変更してdivに隠れたクラスを追加することもできますが、これも機能しますが、私は他の機能を壊してしまいます。しかし、私はどのようにangular4で可能ではありません。 –

+0

Angularでは、ngIfを使用してDOMからHTMLを表示および非表示にします。 ngIfについての良いことは、条件に基づいてDOMからHTMLの一部を完全に削除することです。 を使用して、HTMLコンテンツをHTMLコンテンツに変換する方法もあります。私たちはコンポーネントを持っているときにシナリオでng-contentを使い、親からいくつかのhtmlが必要です。 –

関連する問題