Angular 2 구성 요소의 동적 템플릿 HTML

Angular 2 구성 요소의 HTML 템플릿을 동적으로 결정하고 싶습니다. 그게 가능하니? Angular에서이 기능을 어떻게 수행 할 수 있습니까?Angular 2 구성 요소의 동적 템플릿 HTML

내 목표는 동일한 코드 기반/구성 요소를 갖지만 다른 HTML 기반 서버의 구성/URL을 사용하는 것입니다. 그게 가능하니?

2017-05-18 Rajesh

각도 2의 지원 기능을 사용하면 AOT 컴파일을 사용하고 있기 때문에 당신은 또한 dynamic component loader로 볼 수 있는가? 그것은 일을 복잡하게 할 것입니다. 그렇지 않으면 SystemJS 또는 뭔가를 사용하는 경우 변수를 @Component ({templateUrl : \'$ {config.serverUrl} /someView.html \'}) 데코레이터로 전달할 수 있습니다. – Steveadoo

이 방법이 효과가 있습니까? https://angular.io/docs/ts/latest/cookbook/dynamic-component-loader.html – wannadream

가능한 경우 수행하려는 작업을 수행하기 위해 다른 방법을 시도하는 것이 좋습니다. 내 현재 프로젝트에서 필자는 원래 compileModuleAndAllComponentsAsync를 사용하여 본질적으로 모듈, 구성 요소를 작성하고 런타임에 해당 모듈을 컴파일하여 프로젝트에 추가하고 ViewRef를 사용하여 수동으로 현재 구성 요소에 주입합니다.

그러나,이 정말 빨리 통제 얻을 수 있습니다 (즉에 대한 자세한 내용은 here를 찾을 수 있습니다).

이로 인해 webpack은 웹팩이 컴파일시에 필요한 템플릿을 알 수 있었고 모든 것을 하나의 구성 요소와 관련시킬 수 없었기 때문에 webpack을 사용할 수 없었습니다. 이로 인해 Angular CLI를 사용하는 것이 어려웠습니다.

대신 라우팅을 통해이 작업을 수행하는 방법을 찾고 다른 구성 요소에 연결하는 것이 좋습니다. 이것은 당신이 가질 수있는 모든 가능한 템플릿을위한 컴포넌트를 필요로한다는 것을 의미합니다.

그

출처

2017-05-18 19:13:28 jLee

Angular 2 구성 요소의 동적 템플릿 HTML

답변

관련 문제