foreach htmlelement in ng-content

Question

I wanna create a kind of container component that modifies all (parent) tags listed in ng-content.

For example all tags within this container shall be wrapped within within a bootstrap-row to define responiveness.

Is this possible. Something like

            <ng-content *ngFor="let tag of tags"
              <row>{{tag}}<row>
            </ng-content>

Günter Zöchbauer · Answer 1 · 2017-10-01T15:05:28.637

update Angular 5

ngOutletContext was renamed to ngTemplateOutletContext

original

<ng-content *ngFor="..." is pointless. It would create tags.length number of <ng-content> elements where only the first one ever takes effect.

You can achieve something like that using <template> and ngForTemplate or ngTemplateOutlet

See als

1 Answers1