ngAnimate не работает

Question

Я пытаюсь научиться использовать ngAnimate с ngRepeat, но в моем примере, элементы только показ вместо анимации в.

Я включил ngAnimate, поставить его в качестве зависимости в модуль, дал моему ngRepeat класс элемента и создал следующее.

.item-ng-enter { 
    position: relative; 
    opacity: 0.0; 
    height: 0; 
    left: 10px; 
} 
.item-ng-enter.item-ng-enter-active { 
    transition: all 0.5s ease; 
    opacity: 1.0; 
    left: 0; 
    height: 18px; 
} 

Plnkr: http://plnkr.co/edit/EVFUww7dfUAJzQqth7mx

Answer 1

Первое, Угловое добавляет .ng-enter и .ng-enter-active классы так .item-ng-enter и .item-ng-enter-active неверны. Во-вторых, что вы должны добавлять определения перехода в .ng-animate классе, который добавляется перед любой другой угловой класс:

.item.ng-animate { transition: all 0.5s ease; }