CLI가있는 각도 2 - 다른 서버의 구성 요소 템플릿

Question

구성 요소의 html 템플릿을 여러 위치에서로드 할 수있는 특정 사용 사례가 있습니다. 예를 들어

,

@Component({ 
    selector: 'app-home', 
    template: require('http://xyz/home.component.html'), **// This can be from local or any other server** 
    styleUrls: [require('http://xyz/home.component.css')], 
}) 

내가 이것에 대해 이동하거나 내 대안이 무엇인가하는 방법을 이해하는 데 도움이 필요합니다.

감사

Answer 1

당신은 로컬 경로에 있지 지적 구성 요소에 대한 템플릿 URL을 제공 할 수 없습니다 당신이 require는 로컬 경로에서,하지만 여전히 당신은 템플릿 내용에서 동적 요소를 작성하여 당신이 원하는 것을 달성 할 수 없습니다 수 없습니다 .

단점은 AoT 컴파일러 대신 Angular JIT 컴파일러를 사용해야한다는 것입니다 (자세한 내용은 https://angular.io/docs/ts/latest/cookbook/aot-compiler.html 참조). 또한 서버에서 CORS 요청을 활성화해야합니다.

당신은 당신이 다음과 같이 원하는 것을 할 수 있습니다

1. 사용 http (https://angular.io/docs/ts/latest/guide/server-communication.html는) 다른 서버에서 템플릿의 콘텐츠를 가져올 수 있습니다.
2. How can I use/create dynamic template to compile dynamic Component with Angular 2.0?에서 권장되는 템플릿을 컴파일하십시오.
3. 동적 구성 요소의 선택기를 포함하려는 템플릿의 템플릿 (예 : <dynamic-detail></dynamic-detail>)에 작성합니다. 이 Angular2 사용되는 방법의 방법을위한 것이 아닙니다, http://plnkr.co/edit/ZLYGBRl41SlTNoX8xQeD

   는 기억, 그래서 생산이를 사용하여 조심 :

은 (청소하고 더욱 향상시킬 수있다) 예 구현이 Plunker를 참조하십시오.