Size: a a a

Angular - русскоговорящее сообщество

2020 May 17

AK

Anton K. in Angular - русскоговорящее сообщество
Bogdan Khamitov
что за система?
источник

BK

Bogdan Khamitov in Angular - русскоговорящее сообщество
понятно.
источник

AK

Andrey Kolkov in Angular - русскоговорящее сообщество
А как можно отлаживать анимации, кстати?
источник

VL

Vitaly Lipko in Angular - русскоговорящее сообщество
Andrey Kolkov
А как можно отлаживать анимации, кстати?
Да чет не задавался таким вопросом. Можно в чате кто ещё с этим работал.
источник

AK

Andrey Kolkov in Angular - русскоговорящее сообщество
Ребят, как можно отлаживать Angular animation, если не работают?
источник

nt

nur tlek in Angular - русскоговорящее сообщество
никак
источник

НН

Никита Наумов... in Angular - русскоговорящее сообщество
Console.log
источник

AK

Andrey Kolkov in Angular - русскоговорящее сообщество
а куда можно вставить, если не срабатывает  анимация по increment/decrement? _selectedIndex по console.log() изменяется, анимации не срабатывают...
источник

AK

Andrey Kolkov in Angular - русскоговорящее сообщество
changeDetection: ChangeDetectionStrategy.OnPush,
 animations: [
   trigger('slideAnimation', [
       transition(':increment', group([
         query(':enter', [
           style({
             transform: 'translateX(100%)'
           }),
           animate('0.5s ease-out', style(
             {transform: 'translateX(0)'}))
         ]),
         query(':leave', [
           animate('0.5s ease-out', style({
             transform: 'translateX(-100%)'
           }))
         ]),
       ])),
       transition(':decrement', group([
         query(':enter', [
           style({
             transform: 'translateX(-100%)'
           }),
           animate('0.5s ease-out', style({
             transform: 'translateX(0)'
           }))
         ]),
         query(':leave', [
           animate('0.5s ease-out', style({
             transform: 'translateX(100%)'
           }))
         ])
       ]))
     ],
   ),
]
источник

AK

Andrey Kolkov in Angular - русскоговорящее сообщество
сам триггер на родителе...
источник

AK

Andrey Kolkov in Angular - русскоговорящее сообщество
источник

VL

Vitaly Lipko in Angular - русскоговорящее сообщество
Andrey Kolkov
а куда можно вставить, если не срабатывает  анимация по increment/decrement? _selectedIndex по console.log() изменяется, анимации не срабатывают...
Так, а речь про тот же пример, который ты скинул? Он у тебя неправильно составлен - посмотри в доке ангуляра как с инкрементом и декрементом работать в анимации.
источник

AK

Andrey Kolkov in Angular - русскоговорящее сообщество
Vitaly Lipko
Так, а речь про тот же пример, который ты скинул? Он у тебя неправильно составлен - посмотри в доке ангуляра как с инкрементом и декрементом работать в анимации.
а что именно не так, вроде же все нормально по докам... или я что упустил?
источник

VL

Vitaly Lipko in Angular - русскоговорящее сообщество
Andrey Kolkov
а что именно не так, вроде же все нормально по докам... или я что упустил?
В переходе инкремента ты указываешь квери :leave. У тебя такого нет - у тебя добавляется элемент, а не исчезает. Аналогично и для декремента  - :enter не нужен
источник

AK

Andrey Kolkov in Angular - русскоговорящее сообщество
Vitaly Lipko
В переходе инкремента ты указываешь квери :leave. У тебя такого нет - у тебя добавляется элемент, а не исчезает. Аналогично и для декремента  - :enter не нужен
у меня же 2 элемента одновременно... там группировка идет. Один уходит вправо, а другой появляется слева... Там слайдер.
источник

VL

Vitaly Lipko in Angular - русскоговорящее сообщество
Andrey Kolkov
у меня же 2 элемента одновременно... там группировка идет. Один уходит вправо, а другой появляется слева... Там слайдер.
Я конечно логику анимации твоей неособо пониманию, но  начни с простого: анимируй добавление/удаление элементов по отдельности. Затем наращивай уже сложность последовательности. Заодно поймешь, на каком этапе че ломается
источник

AK

Andrey Kolkov in Angular - русскоговорящее сообщество
Vitaly Lipko
Я конечно логику анимации твоей неособо пониманию, но  начни с простого: анимируй добавление/удаление элементов по отдельности. Затем наращивай уже сложность последовательности. Заодно поймешь, на каком этапе че ломается
источник

VL

Vitaly Lipko in Angular - русскоговорящее сообщество
Можно обойтись связкой enter/leave. Increment и decrement немного не про то.
источник

AK

Andrey Kolkov in Angular - русскоговорящее сообщество
Vitaly Lipko
Можно обойтись связкой enter/leave. Increment и decrement немного не про то.
наоборот это хорошо для слайдеров, как мне кажется... или я не прав? индекс текущего слайда увеличился или уменьшился, отсюда и выбираем что делать...
источник

VL

Vitaly Lipko in Angular - русскоговорящее сообщество
Andrey Kolkov
наоборот это хорошо для слайдеров, как мне кажется... или я не прав? индекс текущего слайда увеличился или уменьшился, отсюда и выбираем что делать...
Эти квери используют вместе с ngFor обычно. Когда тебе нужно анимацию на изменение размера списка сделать.
источник