Ng-animovať v novej verzii úhlového - javascript, css, angularjs

Môj problém je, že mám kód, ktorý funguje dobre v uhle 1.1.5, ale v novšej verzii (1.4.3) to tak nie je. Jednoducho nevkladá css triedy xx-leave, xx-enter na požadované prvky.

Príklad kódu v komentároch (nemohol som ho sem umiestniť)

V staršej verzii to funguje dobre, ale nie s novou.

Moja otázka znie, ako to mám urobiť, aby to fungovalo v novšej verzii uhlového js?

odpovede:

Animácie už nie sú súčasťou jadra. To znamená, že musíte stiahnuť a zahrnúť ngAnimate modul do vašej aplikácie. (rovnako ako vy ngResource napríklad).

Smernica „ng-animate“ je teraz zastaraná:

Namiesto toho sú všetky animácie vyriešené z CSStriedy (triedy) prítomné v prvku, keď je spustená animačná udalosť a na prvok sa použijú ďalšie triedy CSS na určenie, ktorá animácia sa vyskytuje. Inými slovami, keď smernica, ako napríklad ngRepeat, vloží prvok do DOM, spustí animáciu (Enter animation) a služba $ animate pripojí k prvku triedy CS-ng a ng-enter-active.

Toto je len niekoľko zmien zavedených vo verzii 1.2 AngularJS v oblasti animácií. Môžete si prečítať viac podrobností tu.