Использование анимации Angularjs для изменения элемента при наведении

Question

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

http://jsbin.com/AdIXIKU/1/edit

Спасибо заранее

Answer 1

Вам не нужно использовать angular если вы хотите переходов на hover:

.reveal-animation { 
    // add the vendor prefixed versions as well 
    transition: all 1s; 
} 

.reveal-animation:hover { 
    opacity: 0.5; 
} 

Должно быть достаточно.

Если вы хотите, чтобы оживить ввода и оставляя элементов, вы должны будете использовать некоторые более угловатые конструкции, чтобы гарантировать, что элементы этого входа и выхода, как это: http://jsbin.com/iwudOjAW/1/edit (содержит как hover и enter/leave последствия).

Я использовал ng-route module и сделал ng-view элемент enter и leave путем изменения хэш URL.