Lors de l'étude de l'animation angulaire js, la méthode de base consiste à ajouter quelques classes pour contrôler l'animation, telles que : ng-enter, ng-enter-active, etc. Mais je n’arrive pas à comprendre comment les supprimer une fois l’animation terminée ?
.animate-repeat{
box-sizing:border-box;
height:48px;
line-height:48px;
overflow:hidden;
}
.animate-repeat.ng-enter{
transition:height ease-out .5s;
}
.animate-repeat.ng-enter {
height:0;
background:#CADFF0;
}
.animate-repeat.ng-enter.ng-enter-active {
height:48px;
}
Je pense que l'avantage de ceci est d'utiliser ng-enter comme commutateur d'animation. Lors du démarrage de l'animation, ajoutez cette classe et activez l'animation via ng-enter-active. . Cette méthode est très bonne, mais je n'ai pas trouvé comment angulaire supprime ng-enter et ng-enter-active après la fin de l'animation ?
m.jb51.net/css/72443.html