/ / Robiť animácie s ng-show bez ngAnimate - css, angularjs, kolotoč, css-animácie, angular-ui-bootstrap

Animácia s ng-show bez ngAnimate - css, angularjs, kolotoč, css-animácie, uhlová-ui-bootstrap

Chcem urobiť animáciu vymazania pre svoju ng-show. V podstate chcem dosiahnuť túto jednoduchú animáciu, ako je to znázornené na obrázku plunkr tu.

Viem, že ngShow má háčik pre ng-animateod uhlového 1.3. Situácia je však trochu komplikovaná. Mám karusel, ktorý rozširujem pomocou uhlového UI karuselového bootstrapu. Spúšťací systém obsahuje chybu v prehliadači Chrome, takže je potrebné vypnúť funkciu ngAnimate pre všetky prvky pod carousel tag. Potrebujem animáciu pre prvok pod mojím karuselom, ale ak zahrniem ngAnimate, môj karusel nebude v prehliadači Chrome pracovať - ​​ako je to popísané v ich sledovači problémov s githubmi. tu

Ako riešenie uvažujemanimácie pomocou tradičného zavádzacieho systému CSS na môj televízny program v mojom karuseli. Urobil som nejaký výskum, ale zatiaľ nemám šťastie. Je to možné? A skúsi to niekto predtým? Ďakujem veľmi pekne!

odpovede:

4 pre odpoveď č. 1

Môžete použiť ng-class smernice namiesto ng-show a ng-hide ktorá podmienečne pridá triedu k prvku, ktorý by sa mal vymazať, vyvolať požadovaný prechod, ktorý bude mať v podstate rovnaký účinok a úplne vynechá ngAnimate modul. Tu je a plunker ukazuje implementáciu.