Анимация элементов с помощью класса изменения в Angular2 +

Мне нужно добавить анимацию в мой проект Angular, и лучший способ, который я придумал, - это просто сделать из имени класса переменную и переключить ее в файл .ts (например, если мне нужно добавить стиль к событию). Это означает, что у меня есть два (или более) набора стилей css, чтобы анимация делала то, что я хочу ...

Вопросы:

1) Плохо ли это иначе, чем просто много кода css? Я имею в виду, что меня это устраивает, просто хочу знать, делают ли другие люди то же самое? Потому что это немного похоже на неприятное кодирование ...

2) Я слышал об анимации angular core, нужно ли мне ее здесь использовать?

Спасибо!

Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
0
17
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Назначение классов очень хорошо работает в angular, на самом деле я предпочитаю использовать CSS для анимации, а не библиотеки angular.

Чтобы назначать классы по определенным условиям, вы можете использовать в своем шаблоне следующие обозначения:

<div class = "card" [class.card--inactive] = "yourCondition">

Это добавит класс card--inactive в div всякий раз, когда значение yourCondition истинно.

ах да, таким образом я могу добавить новый класс к уже существующему! глупый я ... спасибо!

Kevin 17.04.2018 20:37

Нет проблем, примите ответ, если я смог решить вашу проблему :)

Marv 18.04.2018 08:57

Другие вопросы по теме