2016-11-30 11 views
0

私はwebpackやbrowserifyを使用していません。私はsystemjsを使ってモジュールをロードします。私はASP.NETコア& Angular2アプリケーションで次の設定をしています。angle2アプリにzone.jsを含めるにはどうすればよいですか?

  1. は、以下に示すように、私は、scriptタグを通じてアプリでグローバルzone.jsをロードする必要がありますか?
  2. 私はrzjsをロードするのと同じようにSystemJS経由でロードする必要がありますか?
  3. また、zone.jsを@angularフォルダの下に配備する必要があります。設定がなくても動作するはずですか?

<environment names="Development"> <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.41/system.js"></script> <script src="~/lib/reflect-metadata/reflect.js"></script> <script src="~/lib/zone.js/dist/zone.js"></script> <script src="~/lib/jquery/dist/jquery.js"></script> <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script> <script> window.onload =() => { System.defaultJSExtensions = true; System.config({ map: { 'rxjs': "../../lib/rxjs/bundles/rx.js", '@@angular/core': '../../lib/@@angular/core/bundles/core.umd.js', '@@angular/common': '../../lib/@@angular/common/bundles/common.umd.js', '@@angular/compiler': '../../lib/@@angular/compiler/bundles/compiler.umd.js', '@@angular/platform-browser': '../../lib/@@angular/platform-browser/bundles/platform-browser.umd.js', '@@angular/platform-browser-dynamic': '../../lib/@@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js', '@@angular/http': '../../lib/@@angular/http/bundles/http.umd.js', '@@angular/router': '../../lib/@@angular/router/bundles/router.umd.js', '@@angular/forms': '../../lib/@@angular/forms/bundles/forms.umd.js', } }); System.import("../myapp/app.js"); } </script> </environment>

答えて

1

答えは(1) "グローバルスクリプトタグを通じてアプリでロードzone.js"。 Zone.jsは、ブラウザ内のすべての非同期APIをインターセプトする重要なタスクを実行して、角度変化検出に必要な一意の実行コンテキストを作成します。これは、モジュールローダが角型アプリケーションのブートストラップを開始する前にインクルードされることを意図しています。