Angular Сложная анимация с использованием запроса - PullRequest
Новая
       17

Angular Сложная анимация с использованием запроса

0 голосов
/ 30 марта 2020

Я пытаюсь сдвинуть контейнер влево (контакты-контейнер) и одновременно увеличить контейнер с абсолютным позиционированием (детали контракта), как только запускается действие.
Однако контейнер не выполняет сохранить их окончательное состояние после завершения анимации. Я знаю, что в angular есть состояния, которые я могу использовать, но я не уверен, как использовать состояния, если я анимирую разные элементы, для каждого из которых применяется другой стиль из-за использования запроса.

Я бы хотел добиться, чтобы контейнер контактов оставил маргинальное поле 700 пикселей, а контейнер деталей контракта шириной 700 пикселей. 

 animations: [
trigger('contactdetails', [
  transition('* => true', [
    query('.contacts-container', [
      animate('300ms ease-in',    style({ 'margin-left': '700px'})),
      style({ 'margin-left': '700px'})
    ]),
    query('.contract-details', [
      animate('300ms ease-in', style({ width: '700px'}) )
    ])
  ])
])

]

Буду признателен, если кто-нибудь сможет мне помочь.

...