Как анимировать угловые элементы ngFor, когда исходный массив фильтруется (оставшиеся элементы анимируются в новую позицию, новые элементы анимируются из источника) - PullRequest
0 голосов
/ 25 октября 2019

Я пытаюсь сделать что-то, что я себе представлял, было бы довольно просто:

У меня есть массив элементов, которые отображаются с ngFor. Элементы добавляются и удаляются в этот список путем переключения функции фильтра. Когда список отфильтрован, я хочу, чтобы элементы, которые остались на экране, анимировались в новую позицию. Новые элементы, которые я хочу анимировать на месте, вероятно, от 0,0 в содержащем div. Элементы, которые удалены, я хочу, чтобы анимировать обратно к «источнику» (0,0)

Я почти уверен, что мне нужно использовать материал угловой анимации, поскольку я удаляю и создаю div. Я следовал некоторым учебникам (включая this one) и получил кое-что работающее. Мне удалось анимировать новые элементы из любого смещения в конечную позицию.

Я не мог анимировать из позиции 0 (только из смещения относительно конечной позиции). Я не мог получить анимацию оставшихся элементов из старой. позиция на новую должность.

Я уверен, что это должно быть возможно, но я не знаю как. Боюсь, я не могу опубликовать код, который работал, поскольку мой рабочий компьютер заблокирован без доступа к SO.

...