Javascript Girl
  1. Javascript Girl
  3. NgAnimate on page load hack
Intereting Posts
Javascript: quel est l'opérateur du colon dans le nom de la variable? Réinitialisation de la pile de navigation pour l'écran d'accueil (React Navigation and React Native) Comment attraper l'exception non saisie dans Promise Comment exécuter / charger un fichier javascript distinct sélectivement à partir d'un javascript interne? Conteneur angulaire de 2 ng Les fonctionnalités CKFinder «Modifier» ne fonctionnent pas lorsque vous travaillez sur différents domaines Comment utiliser html2canvas et jspdf pour exporter vers pdf de manière appropriée et simple Décoration de texte: aucune ne supprime la décoration de texte Formulaire de contact 7 AJAX Callback Modification du titre par défaut de confirmation () en JavaScript? Le texte est grillé / flou lors du dessin du texte sur une toile via onload Javascript crossbrowser détermine si l'utilisateur scrolld au bas de la page TypeError: Invocation illégale sur console.log.apply Comment tester les appels jquery et ajax à l'aide de JsTestDriver? Comment puis-je savoir si une propriété CSS particulière est héritée de jQuery?

NgAnimate on page load hack

Avec la mise à jour 1.4.1, AngularJs Animate ne déclenche pas sur les charges de page comme il l'avait l'habitude. Mon ancienne solution était semblable à celle-ci – plunker (trouvé ici et travaillé jusqu'à v1.3.9). 

<script> angular.module('app', ['ngAnimate']) .controller('contr', function ($scope, $rootElement) { $rootElement.data("$$ngAnimateState").running = false; }); </script> <style> h1.ng-enter { opacity: 0; -moz-transition: opacity 10s ease; -o-transition: opacity 10s ease; -webkit-transition: opacity 10s ease; transition: opacity 10s ease; } h1.ng-enter-active { opacity: 1; } </style> </head> <body ng-app="app" ng-controller="contr"> <h1 ng-if="true">Big headline</h1> </body>

Mais cela ne fonctionne plus. Alors, je le fais plutôt – plunker 

 <script> angular .module('app', ['ngAnimate']) .controller('contr', function ($scope, $interval) { $scope.bool1 = false; $interval(function () { $scope.bool1 = true; }, 1, 1); }); </script> <!--same css and html-->

Cela me permet de me pirater. Existe-t-il une meilleure façon de provoquer une animation sur la charge de page dans la version 1.4.1+?