angular2でDomContentLoadedを使用するためのベストプラクティスは？

Question

私はDomContentLoadedリスナーにブートストラップAngular2コードの多数の例を参照してください。

document.addEventListener('DOMContentLoaded',() => { 
    platformBrowserDynamic().bootstrapModule(AppModule); 
}); 

となし：

platformBrowserDynamic().bootstrapModule(AppModule); 

私はドキュメントを見てきましたし、まだ有効なものであるように思われるが、ノーそれを使用するべきか使用すべきでないかの指示。

それを使用する理由と使用しない理由は何ですか？

Answer 1

ブートストラップ角度アプリの違いはありません。違いは起こっている時です。

最初の方法は、'DOMContentLoaded'まで待っているので、すべてのHTMLがブラウザによって解析されます。これにより、<appModule></appModule>がAngular JSで使用できるようになり、正しくブートストラップされます。

2番目のアプローチでは、すぐにブートストラップしようとしますが、ロード方法によっては動作しない場合があります。 deferと<script>を経由して頭の中でロードされた場合、それは

を失敗する必要があり、単純な<script>を介してヘッドにロード

• 場合だけ</body>前にロードされた場合
• （HTMLが解析されるまで実行が延期されたとして）それが動作します属性もHTMLも解析されます（Angularチュートリアルのページで使用される最も一般的な方法です）