В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Angular Kyiv

630 membersпожаловаться на группу
2021 February 24

AO

Alex Okrushko in Angular Kyiv
Vladimir
@AlexOkrushko Алекс привет. Вот начал использовать component-store. Интересный подход.

Вопрос: можно ли добиться чтобы в эффекте не было параметра ? Оно срабатывает, но только один раз.

Например, fetchAllUsers
Можно. :)
readonly myEffect = this.effect(trigger$ => trigger$.pipe(...))

Вызов this.myEffect()
источник
20:52пожаловаться#1

AC

Alex Chugaev in Angular Kyiv
Tamila Bodnar
логіка - поставити потрібний мені компонент на 1 місце - написала, ще хочу анімувати, шукаю гарне рішення
задачка не тривіальна... тобто обраний елемент виринає зі списку і взлітає на перше місце, а решта зсуваються донизу, так?
источник
20:54пожаловаться#2

TB

Tamila Bodnar in Angular Kyiv
дякую, ще подумаю
источник
20:55пожаловаться#3

AC

Alex Chugaev in Angular Kyiv
Tamila Bodnar
дякую, ще подумаю
там ще уточнення 👆
источник
20:56пожаловаться#4

TB

Tamila Bodnar in Angular Kyiv
Alex Chugaev
задачка не тривіальна... тобто обраний елемент виринає зі списку і взлітає на перше місце, а решта зсуваються донизу, так?
саме так
источник
20:56пожаловаться#5

AC

Alex Chugaev in Angular Kyiv
Alex Okrushko
Можно. :)
readonly myEffect = this.effect(trigger$ => trigger$.pipe(...))

Вызов this.myEffect()
А, власне функція, яку ти передаєш в .effect і має за задумкою викликатись один раз.
Її задача - створити поток на основі значень (які пушаться при кожному виклику ефекта) і пропустити то значення через потрібні оператори
источник
20:57пожаловаться#6

AC

Alex Chugaev in Angular Kyiv
Tamila Bodnar
саме так
1. у списку має бути position: relative
2. у анімованого елемента робим на старті position: absolute
3. Кажем йому плавно рухатись до top: 0
4. Коли доїде до верху, видалити зі старої позиції і вставити на нульову
5. Для натуральності можна погратись з фейковими тимчасовими елементами, які триматимуть простір для елемента нагорі, поки він не "доїде" нагору і стане на їх місце.
источник
21:06пожаловаться#7

TB

Tamila Bodnar in Angular Kyiv
спробую, дякую
источник
21:08пожаловаться#8

V

Vladimir in Angular Kyiv
Alex Okrushko
Можно. :)
readonly myEffect = this.effect(trigger$ => trigger$.pipe(...))

Вызов this.myEffect()
Да, благодарю. Была такая идея. Но не успел испробовать 😊
источник
21:53пожаловаться#9

AC

Alex Chugaev in Angular Kyiv
Tamila Bodnar
спробую, дякую
Ще ідея спробувати анімувати через flex order і transition. Але це пальцем в небо, я так не пробував.
источник
21:56пожаловаться#10

TB

Tamila Bodnar in Angular Kyiv
👌
источник
21:57пожаловаться#11

DT

Denchik Tymokhin in Angular Kyiv
Alex Chugaev
Ще ідея спробувати анімувати через flex order і transition. Але це пальцем в небо, я так не пробував.
я так пробовал... но для управления надо в инлайн загонять
источник
22:29пожаловаться#12

AC

Alex Chugaev in Angular Kyiv
Denchik Tymokhin
я так пробовал... но для управления надо в инлайн загонять
А воно дійсно анімує?
источник
22:42пожаловаться#13

DT

Denchik Tymokhin in Angular Kyiv
надо потестить анимацию
источник
22:43пожаловаться#14

DT

Denchik Tymokhin in Angular Kyiv
а так работает
источник
22:43пожаловаться#15

AC

Alex Chugaev in Angular Kyiv
Denchik Tymokhin
а так работает
Є передчуття, що це працюватиме як transition по z-index - ривками
источник
22:50пожаловаться#16

DT

Denchik Tymokhin in Angular Kyiv
Alex Chugaev
Є передчуття, що це працюватиме як transition по z-index - ривками
https://stackoverflow.com/questions/18846481/use-transition-on-flexbox-order
Stack Overflow
Use transition on flexbox order
Is there any way to have a transition on the order of flex-box items?

In other words, can I have this (details in this fiddle)

#container {
   display: flex;
}
#container:hover div:last-child {
...
источник
22:50пожаловаться#17

DT

Denchik Tymokhin in Angular Kyiv
2 пример по-счету
источник
22:51пожаловаться#18

DT

Denchik Tymokhin in Angular Kyiv
вроде без рывков
источник
22:51пожаловаться#19

AC

Alex Chugaev in Angular Kyiv
І тут мені стало цікаво про CSS Grids. Чи вміють вони таке, але плавно і з коробки?
источник
22:59пожаловаться#20