[ANGULAR] 템플리트 인 - 컨텐츠 사용

템플리트 인 - 컨텐츠 사용

해결법

1. ---

   1.내가 알고있는 한 NG 내용을 사용할 수 없지만 매개 변수를 템플릿에 제공 할 수 있습니다. 따라서 원본 템플릿 내부에서 NGTemplateoutlet과 다시 사용할 수있는 다른 ngtemplate를 통과 할 수 있습니다. 다음과 같은 일이 있습니다.

   내가 알고있는 한 NG 내용을 사용할 수 없지만 매개 변수를 템플릿에 제공 할 수 있습니다. 따라서 원본 템플릿 내부에서 NGTemplateoutlet과 다시 사용할 수있는 다른 ngtemplate를 통과 할 수 있습니다. 다음과 같은 일이 있습니다.

   <ng-container *ngTemplateOutlet="tpl, context: {$implicit: paramTemplate}">
   </ng-container>
   
   <ng-template #paramTemplate>
     <span>Hello</span>
   </ng-template>
   
   
   <ng-template #tpl let-param>
     <ng-container *ngTemplateOutlet="param"></ng-container> World !
   </ng-template>
   

   실제로 여러 템플릿을 원래 템플릿으로 전달하는 것이 가능합니다.

   <ng-container *ngTemplateOutlet="tpl, context: {'param1': paramTemplate1, 'param2': paramTemplate2}">
   </ng-container>
   
   <ng-template #paramTemplate1>
     <span>Hello</span>
   </ng-template>
   
   <ng-template #paramTemplate2>
     <span>World</span>
   </ng-template>
   
   
   <ng-template #tpl let-param1="param1" let-param2="param2">
     <ng-container *ngTemplateOutlet="param1"></ng-container>
     <ng-container *ngTemplateOutlet="param2"></ng-container>
   </ng-template>
   

2. ---

   2.내용 내용을 사용할 수 있습니다.

   내용 내용을 사용할 수 있습니다.

   이것은 Formation을 기반으로 DOM 어딘가에 NG-Content를 배치하는 동안 Aby를 다시 시연하는 것으로 인정하는 것입니다. 사용중인 Tabs.Component의 HTML을보십시오.

   https://stackblitz.com/edit/mobile-ng-content

from https://stackoverflow.com/questions/51948301/using-ng-content-in-ng-template by cc-by-sa and MIT license