#javascript #css #angular #animation #text-rotation
Вопрос:
Я хочу реализовать простой текстовый ротатор, который будет вращать каждые 3 секунды некоторые тексты. Изменение будет анимировано.
Я нашел плагин jquery, который идеально решает мою проблему: https://github.com/peachananr/simple-text-rotator
Но я читал, что не рекомендуется использовать плагины jquery в угловых приложениях. Поэтому я хочу реализовать поворот текста «угловым способом». Но я не знаю, как это сделать.
Есть ли простой способ реализовать такой текстовый ротатор с помощью Angular 2 ?
Редактировать:
Функциональность должна работать следующим образом: допустим, у меня есть текст заголовка.
Я хочу, чтобы каждые 2 секунды текст заголовка менялся (на другое предложение из некоторого предопределенного набора предложений заголовка). Это изменение должно быть анимированным.
Комментарии:
1. Как в нем вертится? Демо-версия github для меня не работает.
2. Для меня демо-версия github работает. Нет, так не должно быть. Функциональность должна чередовать предложение с другим (из некоторого предопределенного набора предложений). Это изменение должно быть анимированным.
3. Я удалил свой ответ, потому что не могу понять, о чем вы просите. Вращайся != вращайся, и что тогда?
4. Вы можете просмотреть демо-версию здесь: peachananr.github.io/simple-text-rotator/demo.html . Я ничего не говорил о вращающемся тексте. Я имею в виду поворот текста/слова и переключение на другой текст/слово — из предопределенного набора слов.
5. Поворот-это синоним вращения. Я просмотрел эту демонстрацию (упоминавшуюся ранее) и не вижу анимации. Просто текст «Супер простой, настраиваемый, Легкий, Легкий текстовый ротатор со стилем» снова и снова, в разных цветах.