Я хочу сделать переход от моего списка к форме немного лучше, потому что список становится пустым, как только начинается анимация - PullRequest
Новая
       9

Я хочу сделать переход от моего списка к форме немного лучше, потому что список становится пустым, как только начинается анимация

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

Переход от списка к форме - список становится пустым, а поведение крошечного рывка выглядит плохо, хотя вернуться к списку из формы можно.

Вы можете увидеть это здесь: https://streamable.com/q7p4b

Я пытался возиться с анимацией, но не могу ее исправить

Это анимация 

import {
    trigger,
    style,
    animate,
    transition,
    query,
    group
    // ...
  } from '@angular/animations';

export const slideInAnimation =
  trigger('routeAnimations', [
    transition('Home <=> Edit', [
      style({ position: 'relative' }),
      query(':enter', [
        style({
          position: 'absolute',
          opacity:0.2,
          width: '93%',
          transform:'translateX(-10%)'
        })
      ]),
      query(':leave', [
        style({
          position: 'absolute',
          width: '93%',

        })
      ]),
      group([
        query(':leave', [
            animate('300ms ease-out', style({ opacity: 0,transform:'translateX(-5%)'}))
          ]),
          query(':enter', [
            animate('600ms ease-out', style({ opacity: 1,transform:'translateX(0%)'}))
          ])
      ]),

    ]),

  ]);
...