Saltar al contenido
angular challenges logo Angular Challenges

🟢 Optimización de NgFor

Reto #36

Creado por Thomas Laforge

Información

En esta aplicación, tenemos una lista de individuos que podemos agregar, eliminar o actualizar. Si abres el panel de desarrollador de Chrome presionando F12, ve a la pestaña source y expande el elemento para ver la lista, notarás que cada vez que agregas, eliminas o actualizas un elemento de la lista, se destruyen y vuelven a inicializar todos los elementos del DOM. (Ver video a continuación).

También podemos usar la Angular DevTool para perfilar nuestra aplicación y entender qué está sucediendo dentro de ella. Te mostraré cómo hacerlo en el siguiente video.

Si necesitas más información sobre NgFor, te invito a leer primero la documentación.

Enunciado

El objetivo de este desafío es entender qué está causando esta actualización del DOM y solucionarlo.

Contributors

Thanks to all the contributors who have helped make this documentation better!

  • nelsongutidev