Получить все элементы в нг-контенте - PullRequest
Новая
       12

Получить все элементы в нг-контенте

0 голосов
/ 30 июня 2019

У меня есть компонент сетки.Я хочу, чтобы он принимал переменное количество предметов и отображал их в ряд.Примерно так:

grid.component.html

<ng-content fxLayout="row" fxLayoutGap="12px"> 
    for ng-item-in-component -> item:
        <item fxFlex="1"></item>
</ng-content>

Как я могу сделать это, не зная, каким будет передаваемый элемент?

Пример использования будет: 

<app-grid>
    <app-hero-detail></app-hero-detail>
    <app-hero-detail></app-hero-detail>
    <app-hero-detail></app-hero-detail>
    <app-hero-detail></app-hero-detail>
</app-grid>

Это приведет к: 

<app-grid fxLayout="row" fxLayoutGap="12px">
    <app-hero-detail fxFlex="1"></app-hero-detail>
    <app-hero-detail fxFlex="1"></app-hero-detail>
    <app-hero-detail fxFlex="1"></app-hero-detail>
    <app-hero-detail fxFlex="1"></app-hero-detail>
</app-grid>
...