テンプレートの一部を角度2で遅延ロードする方法は？

Question

私は複数のサブコンポーネントを含むAngular 2コンポーネントを持っています。それらのうちのいくつかについては、それらをロードするのにはかなり高価であり、ロードする必要は全くありません。たとえば、ユーザーがそれをスクロールしていない場合などです。

とにかく、私はどのように怠惰なルートを読み込むことができるのか知っていますが、テンプレートを読み込む方法がありますか？要素がビューポート内またはその近くにある場合のみ同じですか？

Answer 1

表示するサブコンポーネントを分離して、小さなコンポーネントにまとめて、一緒にロードすることができます。 ロード時間を短縮するには、 1.コンポーネントテンプレートファイルをインラインで使用してください。 2.テンプレートのレンダリングを回避できる* ngIfディレクティブをテンプレート内で使用すると、コンポーネントインスタンスはそのように作成されません。ただし、* ngを使用している場合は、DOMを適切にリフレッシュしないことをお勧めします。DOMを作成し、DOMの[hidden]属性でバインドして使用することも可能です。

Answer 2

ロードテンプレートを遅延させる方法はありません。あなたができることは、遅延ロードモジュールを遅延させることです。 How to manually lazy load a module?

これをViewContainerRef.createComponent()（例としてAngular 2 dynamic tabs with user-click chosen componentsを参照）と併用すると、ユーザーが十分にスクロールした場合に表示したいコンポーネントだけを動的に追加することができます。