Анимация углового перехода между состояниями, корректная анимация только для одного состояния - PullRequest
0 голосов
/ 14 марта 2019

Я пытаюсь добавить расширяемые строки в таблицу угловых материалов, поэтому я нашел пример. Я изменил пример, обновив угловые версии до ^ 7.0.0, и внезапно анимация перестала работать при переходе от «свернутого» к «расширенному». Вот стек, показывающий проблему . Если щелкнуть строку, чтобы развернуть ее, после небольшой задержки строка мгновенно развернется. Затем, если снова щелкнуть строку, чтобы свернуть ее, анимация работает правильно. Как я могу исправить анимацию, чтобы расширение строки правильно анимировалось?

1 Ответ

2 голосов
/ 14 марта 2019

Просто держите анимацию на высоте

  state('expanded', style({height: '*'})),
  state('collapsed', style({height: '0px'})),

display: 'none'} выглядит прослушанным.

https://stackblitz.com/edit/angular-lb7n8q-ldwsld?file=app/table-expandable-rows-example.ts

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...