Cómo usar animaciones en Angular
Personalmente creo que es muy bueno.
Este artículo habla sobre la aplicación de la animación desde una perspectiva.
En primer lugar, Angular no proporciona un mecanismo de animación. Debe agregar el módulo de complemento Angular ngAnimate para completar el mecanismo de animación de Angular. Angular no proporciona estilos de animación específicos, por lo que es bastante gratuito. personalizable.
Entonces, primero debemos introducir el marco Angular (angular.js) en el archivo html de entrada del proyecto y luego introducir angular.animate.js.
En el archivo de entrada js del proyecto app.js, cree un nuevo módulo de proyecto y agregue el módulo dependiente ng-Animate (se pueden importar otros módulos según sea necesario, el orden no importa).
var demo app = angular . module(' demo app ', ['ngAnimate ', ' ui . router ']);
Aquí se inserta una oración en el medio. Se recomienda que la inyección de dependencia en Angular adopte el siguiente método. No habrá problemas después del empaquetado y la compresión mediante anuncios, bds u otras herramientas de automatización de front-end, porque Angular solo tendrá requisitos estrictos sobre los nombres de las variables inyectadas al pasar dependencias. funciones (como $ Cuando el nombre de la variable de alcance se inyecta en el controlador, el nombre de la variable solo se puede escribir como $ alcance):
//Sugerencias de inyección de dependencia para controladores. js, instrucciones. js y filtrar. js está escrito así.
//Esta es la configuración de ui-route, que se puede encontrar en app.js
demo app config([' $state Provider ', ' $urlRouterProvider ', function( $stateProvider, $urlRouterProvider){
//Tu código.
}]);
Bien, volvamos al tema. Con la introducción de ngAnimate, el mecanismo de animación de Angular puede entrar en vigor.
Las siguientes instrucciones y animaciones compatibles están escritas en la documentación de Angular.
¿Comando? Animaciones soportadas
Entrada, salida y movimiento repetidos
(/animate-in-angular/API/ng route/directive/ng view/# use _ animaciones)
ng¿Incluir? ¿Entrando y saliendo
(/ogs/ngAnimate)? .