2016-01-06 3 views
1

Je suis assez nouveau chez Angular et j'essaie de créer une petite animation fadeIN/OUT pour les listes.AngularJS Animate - Tout d'abord cacher la liste

J'ai deux listes, que je peux basculer avec un bouton en haut de la page. Quand une nouvelle liste arrive, il y a une petite animation pour le fondu entrant et le fondu sortant.

Please see following Plunker: 

https://plnkr.co/edit/A8Aozfq2fHuUKQFaJm7l?p=preview 

Mon problème est que je veux un "workflow série". Donc, quand la première liste est cachée, alors devrait venir la deuxième - Pour l'instant, il y a un "workflow parallèle". Alors, comment puis-je changer cela?

+0

J'utilise 'ng-style' pour ce genre de situations au lieu de' ng-hide'/'ng-show'. – Eric

+0

merci pour votre contribution - mais si vous utilisez ng-style, il y a toujours le même problème qu'il y a un 'effet de fondu parallèle' et pas un en série?! –

+0

Rendre 'display: none;' par défaut résoudrait cela (je veux dire par là css). :) – Eric

Répondre

1

Essayez d'augmenter le temps de transition. Cela peut aider.

+0

Utilisez des commentaires pour des suggestions similaires. Ce n'est pas une réponse à la question. –