Tengo una aplicación en Angular donde trae de una base de datos mucha información (más de 6000 elementos). Cuando el usuario pica un botón se muestran todos esos elementos (no tienen que ser paginados), eso lo hago con un *ngFor, el asunto es que tarda en cargar todos esos elementos. ¿Hay alguna manera de que mientas lo cargue aparezca una pantalla de carga o simplemente un que diga cargando o algo así?
3
-
Encontré un ejemplo puedes revisarlo aquí , espero te sea de ayuda– LordOfLiesel 13 nov. 2018 a las 17:51
-
Buenas, Angular o AngularJS?– JCAguilerael 13 nov. 2018 a las 21:05
-
Recomiendo que puedas paginar esos elementos en backend ya que el DOM se ve muy afectado al insertar tantos elementos en pantalla, que aunque utilices un loader, la experiencia de usuario no sera la mas deseada.– Delcio Polancoel 15 nov. 2018 a las 13:26
Añade un comentario
|
1 respuesta
Podrías crear un div
el cual le agregas un *ngIf
el cual muestre un (cargando.., gitf o animacion) mientras se cargan tus datos. Seria algo asi.
<div *ngIf="!user">
Cargando...
</div>
y tu otro div
con los datos
<div *ngIf='user'>
<img src="{{ user.avatar }}" alt="">
<h2>{{ user.first_name + ' ' + user.last_name }}</h2>
</div>