Угловая анимация материала для добавления элемента в список

Привет, вы используете материал Angular и имеете список, заполненный элементами списка . По нажатию кнопки я добавляю еще один элемент в список в начале. Я хочу показать переход/анимацию, когда он добавляется в список, чтобы пользователю было ясно видно, что добавлен новый элемент списка.

Я не смог выяснить, есть ли что-то, что Angular Material обеспечивает, чтобы это произошло. Я просмотрел документацию и демонстрации, представленные на их веб-сайте. Как показать анимацию? Пожалуйста помоги.


person codeMan    schedule 29.07.2015    source источник
comment
Я думаю, вы должны использовать. daneden.github.io/animate.css   -  person Paresh Gami    schedule 29.07.2015
comment
@PareshGami Спасибо, но я искал альтернативы, которые были бы больше похожи на тему материалов Google.   -  person codeMan    schedule 29.07.2015
comment
Я не могу получить то, что вы говорите   -  person Paresh Gami    schedule 29.07.2015


Ответы (1)


Для Angular-материала требуется ngAnimate, который вы можете использовать, чтобы делать то, что хотите. Если у вас есть md-list, вы, вероятно, связываете свою модель с ngRepeat который поддерживает анимации enter, leave и move: ngRepeat#animations . Вы можете использовать это для анимации новых элементов, добавляемых в вашу модель.

Если это вам не поможет, вам нужно предоставить пример кода с помощью plunkr/codepen или подобного.

person kuhnroyal    schedule 16.01.2016