Angular2 응용 프로그램을 중첩 할 수 있습니까

타사 페이지에 삽입 할 수있는 Angular2 응용 프로그램을 작성한다고 가정합니다. 제 3 자 페이지가 이미 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>

출처

2016-07-18 Tobias Willig

대답은 예입니다. Angular는 여러 응용 프로그램을 부트 스트래핑 할 수 있습니다. 그것은 그것을 위해 설계되었습니다, 여기에 몇 가지 힌트입니다 : 우리는 여러 루트 구성 요소을 볼 수있는이 line of code에서

, 각 루트 구성 요소는 응용 프로그램은 따라서 여러 응용 프로그램입니다.

이 line of code에는 루트 변경 감지기가 여러 개 있습니다 (그러므로 각각의 경우). 구성 요소에는 1 개의 변경 감지기가 있습니다. 이는 루트 구성 요소 (MyApp)에도 해당되므로 다중 변경 탐지기는 여러 개의 루트 구성 요소, 즉 여러 개의 응용 프로그램을 암시합니다.

가 나는

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

출처

2016-07-18 16:54:16

작동하지만이 방법은, 또 다른 하나의 내부 응용 프로그램을 부트 스트랩 적어도 나는 심각한 문제를 기대할 수 없음을 보여주기 위해 plunker 샘플을 만들었습니다. –

왜 그런가요? 여기에는 문제가 없습니다. 각 앱마다 다른 Zone이 있어야하며 원하는 경우 Zone 외부에서 부트 스트랩 할 수도 있습니다. 다음은 구성 요소 내부의 부트 스트랩 (예 : 앱 내부)의 예입니다. https://embed.plnkr.co/bb4QUo/ –

Angular2 앱은 DOM을 완벽하게 제어해야하기 때문에 의미가 있지만 올바른 것 같습니다. . –

Angular2 응용 프로그램을 중첩 할 수 있습니까

답변

관련 문제