2016-07-18 12 views
1

サードパーティのページに挿入できるAngular2アプリケーションを構築したいとします。サードパーティのページで既にAngular2が使用されている可能性があります(別のバージョンでも可能です)。私のAngular 2アプリケーションをサードパーティのアプリケーション内でブートストラップすることは可能でしょうか。Angular2アプリケーションをネストすることは可能ですか

<body> 
    <third-party-angular-app> 
    <third-party-component> 
     <my-angular-app> 
     </my-angular-app> 
    </third-party-component> 
    </third-party-angular-app> 
</body> 

答えて

2

答えははいです。角度は複数のアプリケーションをブートストラップできます。 それはここでは、そのために設計されているいくつかのヒントです:

このline of codeでは、複数のルートコンポーネントを見ることができ、各ルートコンポーネントは、アプリしたがって、複数のアプリケーションです。

このline of codeには、ルート変更検出器が複数あることがわかります(したがって、それぞれについて)。コンポーネントには1つの変更検出器がありますが、これはルートコンポーネント(MyApp)にも当てはまります。したがって、複数の変更検出器が複数のルートコンポーネント、つまり複数のアプリケーションを暗示します。

私はそれが

https://embed.plnkr.co/37vJiq/ 
+0

に動作します。しかし、この方法は、少なくとも私は深刻なトラブルを期待し、別の内側にあるアプリケーションをブートストラップすることが不可能であることを示すために、plunkerサンプルを作成しました。 –

+0

なぜですか?私はここに問題がないと思う。 各アプリには別のゾーンが必要です。必要に応じてゾーン外にブートストラップすることもできます。 コンポーネントの内部、つまりアプリケーション内部でのブートストラップの例を以下に示します:https://embed.plnkr.co/bb4QUo/ –

+0

Angular2アプリはDOMの完全な制御が必要なので意味がありますが、正しいと思われます。 –

関連する問題