ng-animate non funziona in 1.3

Question

sto ottenendo la classe ng-animate applicata alla direttiva, ma non sto ricevendo:

ng-hide-remove.ng-hide-remove-active o .ng-hide-remove.ng-hide-remove-active

devo angolare e angolare animare 1.3 caricato. e sto compresi ngAnimate in app.js

<div class="message animate-show {{message.type}}" ng-show="message"> 
    {{message.text}} 
</div> 

Le transizioni non stanno accadendo:

.message.animate-show { 
    line-height:20px; 
    opacity:1; 
    padding:10px; 

    &.ng-hide-add.ng-hide-add-active, 
    &.ng-hide-remove.ng-hide-remove-active { 
     -webkit-transition:all linear 0.5s; 
     transition:all linear 0.5s; 
    } 

    &.ng-hide { 
     line-height:0; 
     opacity:0; 
     padding:0 10px; 
    } 
} 

Answer 1

Per una semplice animazione come dissolvenza in/out, sono necessari i seguenti classi CSS:

.my-animation { 
    -webkit-transition: 0.5s linear all; 
    transition: 0.5s linear all; 
    opacity: 1; 
} 

.my-animation.ng-hide { 
    opacity: 0; 
} 

---

UPDATE:

Se avete altro transistion sull'elemento che non si desidera ottenere colpiti, utilizzare le seguenti definizioni CSS a solo applicare le transizioni sulla dissolvenza in/out:

.my-animation { 
    opacity: 1; 
} 

.my-animation.ng-hide { 
    opacity: 0; 
} 

.my-animation.ng-hide-add, 
.my-animation.ng-hide-remove { 
    -webkit-transition: 0.5s linear all; 
    transition: 0.5s linear all; 
} 

---

See , inoltre, questo short demo.

Answer 2

La risposta di ExpertSystem sopra è corretta. Tuttavia, se ancora non è possibile ottenere l'animazione a lavorare in angolare, allora è necessario assicurarsi che il modulo ngAnimate viene aggiunto per la vostra applicazione:

Il modulo ngAnimate fornisce il supporto per le animazioni CSS-based (fotogrammi chiave e transizioni) e come animazioni basate su JavaScript tramite hook di callback.

vedere il fonte: https://docs.angularjs.org/api/ngAnimate

Questo può essere fatto nel codice che definisce il vostro AngularJS app come segue:

var app = angular.module('myApp', ['ngAnimate']);