Как сделать вывод ngFor по одному?

Question

[iBird Rose]

В общем вывожу посты через ngFor. хотелось бы сделать setTimeout для каждого поста. пока получилось сделать только для всех.

plnkr.co/edit/oz71BFDAeeTwjwW5zqEY?p=preview

Comments

[Алексей Зуев]

Как вариант - использовать возможности rxjs plnkr.co/edit/XYUgjcUOWYRsl03puhhR?p=preview Еще вариант можете здесь найти stackoverflow.com/questions/39702396/staggering-an...

[iBird Rose]

Алексей Зуев: хороший способ) спасибо) если ничего больше не предложат - отмечу. напишите ответом)

Answer 1

[Алексей Зуев]

Вариант с rxjs plnkr.co/edit/XYUgjcUOWYRsl03puhhR?p=preview
Вариант с ангуляровской анимацией plnkr.co/edit/u3XUMtdgFFB8EWcv6AL9?p=preview

Answer 2

[Виталий]

Во первых, вы используете устаревшую версию Ангуляра - последняя версия проводит компиляцию и сборку на встроенном локальном сервере node.js.

Не совсем понял про setTimeout - куда, зачем и почему. Как вариант, каждый пост можно сделать отдельным компонентом и запускать таймаут в классе этого компонента (OnInit).

Comments

[Алексей Зуев]

Почему устаревшая версия?

[iBird Rose]

я просто создал в plnkr.co готовую сборку Angular 2 на TS. что они там используют и какую версию - без разницы. я просто хочу сделать анимацию появления по одному. для этого создавать отдельный компонент - думаю плохая идея.

[Виталий]

iBird Rose: согласен, не понял вопрос по первому описанию. В этом случае нужно через ngFor привязать пост к массиву, в ngAfterContentInit() поставить таймер и через заданный интервал пушить в массив новые данные.

[Виталий]

Алексей Зуев: System.import('app') - признак бета-версии.

[Алексей Зуев]

Виталий: разве это признак? Там 2.2.3 версия. А что вы имели ввиду собирается на локальном nodejs? Plunker теперь не используется для angular2?

[iBird Rose]

Виталий: а можете в plnkr который в посте - показать?

Answer 3

[Владимир]

Два варианта.
1) В массив писать промисы и показывать только после резолва конкретного промиса (я бы делал так)
2) Генераторы frontender.info/es6-in-depth-generators