diff --git a/src/app/components/amb-imagenes/amb-imagenes.component.html b/src/app/components/amb-imagenes/amb-imagenes.component.html index 2de8722..71fe5ef 100644 --- a/src/app/components/amb-imagenes/amb-imagenes.component.html +++ b/src/app/components/amb-imagenes/amb-imagenes.component.html @@ -92,6 +92,7 @@ [itemsPerPage]="paginationData.pageSize" (pageChanged)="pageChanged($event)" [boundaryLinks]="true" + [disabled]="disabledPaginador" previousText="‹" nextText="›" firstText="«" diff --git a/src/app/components/amb-imagenes/amb-imagenes.component.ts b/src/app/components/amb-imagenes/amb-imagenes.component.ts index bc153d3..d8e5579 100644 --- a/src/app/components/amb-imagenes/amb-imagenes.component.ts +++ b/src/app/components/amb-imagenes/amb-imagenes.component.ts @@ -17,6 +17,7 @@ export class AmbImagenesComponent implements OnInit { private auxProductos: Producto[] = []; private searchTerm: string = ''; private paginationData: any; + private disabledPaginador: boolean = false; constructor(private productoService: ProductoService, private http: HttpClient) { } @@ -110,13 +111,14 @@ export class AmbImagenesComponent implements OnInit { } pageChanged(event: any): void { + this.disabledPaginador = true; this.productoService.getAllWithPaginator(event.page) - .subscribe((res) => { - - this.articulos = res.data; - this.paginationData = res.pagination; - this.filterItems(); - }, error => console.error(error)); + .subscribe((res) => { + this.disabledPaginador = false; + this.articulos = res.data; + this.paginationData = res.pagination; + this.filterItems(); + }, error => console.error(error)); } }