ng-animate не запускает анимацию

Question

На моем угловом js-сайте у меня есть угловое анимационное окно и развернуто (в инспекторе я вижу angular-animate.js в папках js, поэтому я знаю его загрузку. То, что я хочу сделать, это иметь мой заголовок анимации при загрузке страницы, так что я добавил следующее к моему проекту

template.html

<header id="header" ng-animate=" 'animate' "> 

</header> 

style.css

.animate-enter { 
    -webkit-transition: 1s linear all; /* Chrome */ 
    transition: 1s linear all; 
    opacity: 0; 
} 

.animate-enter.animate-enter-active { 
    opacity: 1; 
} 

проблема бытия нет анимации происходит, когда я Ĉ лизать из домашней ссылки и загружать «template.html» Есть ли что-то, что я здесь отсутствует?

Answer 1

В соответствии с угловыми документации:

директивы, которые поддерживают анимацию автоматически являются: ngRepeat, ngInclude, ngIf, ngSwitch, ngShow, ngHide, ngView и ngClass. Пользовательские настройки могут использовать анимацию, используя услугу $ animate .

Вам нужно использовать одну из этих директив в своем теге заголовка.