Угловой компонент оболочки, повторяющийся над дочерними элементами - PullRequest
Новая
       15

Угловой компонент оболочки, повторяющийся над дочерними элементами

1 голос
/ 22 октября 2019

Я пытаюсь создать компонент оболочки в Angular, где компонент может получить любое количество дочерних элементов, а затем обернуть каждый элемент по одному. Предпочтительно, полностью динамически, без привязки к каким-либо дополнительным данным.

app-wrapper.component должен работать , как это (обрабатывает толькологика для обертки) : 

<div class="wrapper">
   <div 
      class="child-wrapper"
      *ngFor="let child of children"
   >
      <ng-content [select]="child"></ng-content>
   </div>
</div>

И с помощью приложения app-wrapper (где логика обрабатывается для элементов) : 

<app-wrapper>
   <app-first-item></app-first-item>
   <app-second-item></app-second-item>
   ...
   <app-last-item></app-last-item>
</app-wrapper>

app-wrapper.component работает не так, выдает ошибку:

Ошибка: Ошибки синтаксического анализа шаблона: Невозможно связать с «select», поскольку оно не является известным свойством «ng-content».

Обратите внимание: div.wrapper и div.child-wrapper не могут быть разделены.

...