👍🏻

очень полезная штука

Всем привет. подскажите пожалуйста, есть ли возможность в ангуляре как-то передать компонент, который потом в цикле можно рендерить? Задача такая: есть прелоадер компонент, и есть разные карточки, одну из которых надо отдавать этому прелоадеру, что бы он выводил заданное количество карточек на странице.

Пробовал через TemplateRef - рендерится только последний компонент в цикле. остальные контейнеры остаются пустыми.

ngfor

Базовые вещи ж , не?

по аналогии с реактом, что бы это работало по типу

<preloader-component [cards]=“10”><card-product></card-product></preloader-component>

<preloader-component [cards]=“4”><card-video></card-video></preloader-component>

а уже внутри preloader-component что бы можно было написать что-то типа

<div class=“grid”>
  <div class=“col” *ngFor=“let i in range(cards)”>
    <card-passed-from-parent>
  </div>
</div>

@input?

как в инпуте получить компонент и отрендерить его?

https://angular.io/api/core/TemplateRef
пробовал через templateref, но он, как я понял, подходит для отрисовки одного компонента, и в цикле не работает

На примере реакта, там можно получить child через props, и через цикл отрендерить child компоненты сколько угодно раз. В Ангуляре не могу найти 2ой день )

Парни, а если у меня есть эндпоинт, который отдает только 1 картинку, а мне нужно сразу 6, как это правильно сделать?
ну просто в  голову приходит в цикле 6 подписок сделать, но есть сомнения насчет адекватности такого решения

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

Эндпоинт вообще не должен картинку отдавать

Максимум путь к ней на бэке или список картинок

А ты на фронте уже обращаешься к ним через safeUrl

я просто для понятности задачи написал про картинку, это не важно)
нужно 6 запросов  вряд, как это лучше сделать

Цикл тоже не адекватно. Заюзай аналог Promise.all для rxjs (я не помню оператор просто)

В массив пихай обсерваблы и в результате одна подписка на них всех

интересно, почитаю, спасибо)