外側のタイプスクリプトファイルからの角度2のブートストラップ、

Question

私はangular1+requirejsとphpでビルドされている既存のウェブサイトを持っています。私はangular2を追加したいと思います（すでに私が追加しているのはangular2-cliです）。

私はangular2と通信するangular1を必要としないので、私たちは、私はapp componenttypescriptファイル外angular2コンポーネントをブートストラップしたいng-upgrade

を行う必要はありません。

私はこれを行う方法について少し混乱しています。すべてがタイスクリプトであり、コンパイルした後では全く異なるからです。

ページごとに異なるコンポーネントを読み込もうとしていますが、時には1つで、それ以上の場合もあります。

Answer 1

実際には、まず最初に、より多くの情報を提供する必要があります。しかし、大きな図では、ルートモジュールを作成し、それに属するコンポーネントを宣言します。これはディレクティブなどでも同じです。 Ex。

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 

import 
     { AppComponent } from './app.component'; 

@NgModule({ 
    imports: [ BrowserModule ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule {} 

モジュールブートストラップ：とにかく

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { AppModule } from './app.module'; 
platformBrowserDynamic().bootstrapModule(AppModule); 

を、あなたはいくつかのアイデアngModule

これはJavaScriptでのブートストラップする方法であるに取得するには、これを確認することができます。 作成モジュール：

(function(app) { 
    app.AppModule = 
    ng.core.NgModule({ 
     imports: [ ng.platformBrowser.BrowserModule ], 
     declarations: [ app.AppComponent ], 
     bootstrap: [ app.AppComponent ] 
    }) 
    .Class({ 
     constructor: function() {} 
    }); 
})(window.app || (window.app = {})); 

ブートストラップ：

(function(app) { 
    document.addEventListener('DOMContentLoaded', function() { 
    ng.platformBrowserDynamic 
     .platformBrowserDynamic() 
     .bootstrapModule(app.AppModule); 
    }); 
})(window.app || (window.app = {}));