Как работают шаблоны в основной сетке Angular 6 - PullRequest
Новая
       11

Как работают шаблоны в основной сетке Angular 6

0 голосов
/ 19 сентября 2018

Я использую primeng TurboTable, где для шаблонов добавлена ​​директива pTemplate.И затем, соответственно, рендеринг DOM, я пытаюсь реализовать тот же подход в моем проекте для создания компонента многократного использования (DUMB).Пытался найти решение, но не смог найти правильное решениеДумал об использовании ng-контейнера, но при передаче ng-шаблона от Smart-компонента к дочернему компоненту ничего не происходит.PFB образец решения, которое я пробовал

Шаблон Smart Component 

<dumb-component>
  <ng-template #content> Content is placed here .... </ng-template>
</dumb-component>

Шаблон тупого компонента 

<ng-container *ngTemplateOutlet="content">
</ng-container>

Ссылка на документацию primeng: primeng docs

1 Ответ

0 голосов
/ 19 сентября 2018

Поскольку ваш компонент Dumb Component получает шаблон.Необходимо получить доступ к шаблону с помощью @ ContentChild

Компонент дампа 

<ng-container *ngTemplateOutlet="content">
</ng-container>
@ContentChild(TemplateRef) content: TemplateRef<any>;

Пример: https://stackblitz.com/edit/angular-ephusu

...