2016-11-18 16 views
2

Angular2-Component-Outlet을 사용하는 Angular2 앱의 동적 HTML이 있는데 작동합니다. 하지만 이제는 AOT를 만들려고 할 때 Angular2-Component-Outlet 용 RuntimeCompiler를로드해야합니다.동적 HTML의 경우 Angular2 AOT

AOT가 동적 HTML을 컴파일하고 지연로드를 사용하여 모듈을로드하는 방법이 있습니까?

오래된 내용 Plunker은 동적 컨텐츠를 넣기 위해 Angular2-Component-Outlet을 사용합니다. 이것은 AngularJS ng-include 지시문과 유사합니다.

+0

당신이 무엇을하고 있는지를 보여주는 코드를 알려주십시오. –

답변

2

Angular2 문서에서 설계된대로 Dynamic Form 접근 방식을 적용하여 전체 프로젝트를 완료 할 수있었습니다.

1

우선 angular2-component-outlet은 (는) ng-dynamic으로 폐지됩니다.

어느 경우 든 두 솔루션 모두 RuntimeCompiler의 종속성이 필요합니다. 그리고 당신이 그것에 대해 생각한다면 이것은 합리적입니다. 그것은 사용자 입력이라고 생각하는 것을 기반으로하는 동적 구성 요소입니다. 또는 적어도 사전 컴파일러가 미리 알지 못하는 입력.

런타임에이 입력을 컴파일하려면 RuntimeCompiler이 필요합니다. 나는 그 주위에 방법을 볼 수 없습니다.

또한 NG 동적 README 가입일

:

dynamicComponent 제약

dynamicComponent은 RuntimeCompiler을 필요로한다. AoT 컴파일을 사용할 수 있지만 @angular/compiler에 대한 종속성을 제거 할 수 없습니다.

+0

예, 논리적으로 RuntimeCompiler의 요구 사항이 명확합니다. 내가 탐구하는 것은 내 동적 HTML이 내 10 개의 사용자 정의 컴포넌트를 사용한다고 가정하고 있기 때문에 CommonJS 모듈로 페이지로드시 해당 컴포넌트의 AOT를로드 한 다음 동적 HTML을 CommonJS 모듈로 동적으로로드 할 수 있습니다. –