angulaire.js - Angularjs ng-animate ne fonctionne pas en cas de problème de répétition ng

Question

Si vous souhaitez obtenir l'affichage de ng-enter pendant ng-repeat, un retard ou une animation d'arrière-plan pendant ng-leave, utilisez en outre ng-enter-stagging pour afficher plusieurs éléments en même temps, mais lorsque ng-repeat construit la liste Aucune animation n'est affichée. Je n'ai pas trouvé le problème et j'ai essayé de nombreuses démos, mais rien n'a été fait.
Voici le code HTML :

<pre>
<p ng-repeat="item in items" class="repeated-item">
  {{ item}}
</p>
</pre>

Voici le code CSS :

.repeated-item{
    border: solid 1px;
    opacity: 1;
    transition:3s linear all;
}
/*动画开始前*/

.repeated-item.ng-enter, .repeated-item.ng-move {
  -webkit-transition:3s linear all;
  -moz-transition:3s linear all;
  -o-transition:3s linear all; 
  background-color: red;
  opacity:0;
}

J'ai essayé d'ajouter une animation à .repeated-item, mais cela n'a toujours pas fonctionné. S'il vous plaît, aidez-moi, professeurs, à répondre à cette question ! Désolé de déranger tout le monde !

Answer 1

Êtes-vous sûr que votre transition est correct ? Comment puis-je voir la syntaxe est :

Alors ça devrait être :

.repeated-item{
    border: solid 1px;
    opacity: 1;
    transition: all 3s linear;
}

Answer 2

Même question, s'il vous plaît posez-la à Dieu

Answer 3

L'animation répétée est créée à partir de zéro. Ajoutez un bouton et écrivez les données dans les éléments et vous devriez pouvoir avoir une animation

.