Что нового в Angular v5: Анимация

Что нового в Angular v5: Анимация

От автора: Angular версия 5 уже вышел, а с ним пришла и новая волна функций. В этой статье я хочу рассмотреть, что нового принесла нам в Angular анимация.

Отрицательные лимиты в запросе

Запросы анимации теперь поддерживают отрицательные лимиты, и в этом случае они будут соответствовать элементам с конца, а не с начала. Например:

Практический курс по созданию веб-приложения на Angular4

Скачайте БЕСПЛАТНЫЙ мини-курс и изучите базовые возможности JavaScript-фреймворка Angular 4 за ближайшие 3 дня

Узнать подробнее

Улучшено свойство disabled

Свойство @.disabled теперь работает без выражения. Когда выражение отсутствует, оно будет оцениваться, как true. Например:

Улучшена обработка ошибок

Angular теперь выдает ошибку, когда в анимации используется недопустимое свойство CSS. Например:

Выдает:

Что нового в Angular v5: Анимация

Новые алиасы

Поддержка алиасов переходов :increment и :decrement. В дополнение к алиасам :enter и :leave, алиасы :increment и :decrement могут использоваться для запуска перехода, когда увеличилось или уменьшилось числовое значение. Например:

Что нового в Angular v5: Анимация

Автор: Netanel Basal

Источник: https://netbasal.com/

Редакция: Команда webformyself.

Практический курс по созданию веб-приложения на Angular4

Скачайте БЕСПЛАТНЫЙ мини-курс и изучите базовые возможности JavaScript-фреймворка Angular 4 за ближайшие 3 дня

Узнать подробнее

Angular 4. Быстрый старт

Овладейте азами работы с Angular 4

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (1)

  1. Андрей

    Как сделать анимацию перехода с display: block в display:none и обратно ?

Добавить комментарий