私は、angle2のルートコンポーネントを動的に/ setTimeout()を使用してロードする必要があります。 可能ですか。例: Angular2ルートコンポーネントを動的にロードする方法
<body>
<hello-world>Loading...</hello-world>
</body>
私は「こんにちは、世界」は、ページの読み込みの数秒後に追加します。私はページの負荷のカスタムコンポーネントを持つことはできません。
plnkrが役立ちます。
私は、angle2のルートコンポーネントを動的に/ setTimeout()を使用してロードする必要があります。 可能ですか。例: Angular2ルートコンポーネントを動的にロードする方法
<body>
<hello-world>Loading...</hello-world>
</body>
私は「こんにちは、世界」は、ページの読み込みの数秒後に追加します。私はページの負荷のカスタムコンポーネントを持つことはできません。
plnkrが役立ちます。
インデックスページにイベントを追加し、このイベントをmain.tsの角度ファイルで聞くことができます。
のindex.html:
...
<body>
<my-app>Loading...</my-app>
<script>
setTimeout(function() {
document.dispatchEvent(new Event('startNgLoad'))
}, 5000)
</script>
</body>
...
main.ts:
document.addEventListener('startNgLoad',() => {
platform.bootstrapModule(AppModule);
})
あなたは、私が
setTimeout(function() {
platformBrowserDynamic().bootstrapModule(AppModule);
},1000)
5秒の設定タイムアウト後にsetTimeout => insert( '
main.tsでのsetTimeout内のルートモジュールをロードすることができますindex.htmlの読み込み開始時に動的に追加して後で 'startNgLoad'を実行できますか? – raju
うまくいけば、 'document.body.appendChild(document.createElement(" my-app "))'をディスパッチイベントの前、または 'platform.bootstrapModule()'の前に置く。 – antkhnvsk
これはうまくいく。 – raju