angularjs - ejemplos - ng-init
la salida rápida y el elemento de causa múltiple en la animación angular ng-if (1)
hay un ejemplo de animación ng-if en este documento: https://docs.angularjs.org/api/ng/directive/ngIf clic en la casilla de verificación rápida y repetidamente, encontrará que se mostrará más de un elemento, I No sé cómo evitarlo.
Esto sucede porque ngIf
comporta de forma diferente a ngShow
por ejemplo. ngShow
simplemente agrega una display: none
estilo al elemento que debe estar oculto, mientras que ngIf hace lo siguiente:
La directiva ngIf elimina o recrea una parte del árbol DOM en base a una {expresión}. Si la expresión asignada a ngIf se evalúa como un valor falso, entonces el elemento se elimina del DOM, de lo contrario, se reinserta en el DOM un clon del elemento.
Entonces, si la animación toma un poco de tiempo, habrá más de un elemento en el DOM.
En el ejemplo de Olivvv, si simplemente cambia el retraso de .animate-if.ng-enter, .animate-if.ng-leave
a 0.001s
, verá que no puede obtener más de un elemento.
Aquí para que lo veas, hay una versión bifurcada de la documentación oficial de AngularJS. http://plnkr.co/edit/ok7nwOIRpR1TYYRkBRXj?p=preview
Solo he modificado su retraso de 0.5s
a 0.001s