estoy empezando con Ionic y tengo la siguiente duda. Tengo una app en la que a traves de HttpClient obtengo un listado de un archivo Json alojado en una web. El problema o el inconveniente que le veo es que cada vez que abro la app me carga este listado y me gustaria que solo lo cargara cuando haya alguna modificacion en el mismo. El resultado que deseo es que al abrir por primera vez la app me carge ese listado y me lo almacene y lo lea de ahi hasta que este listado sufra alguna modificacion, caso en el que deberia cargarlo nuevamente y volver a almacenarlo. Este procedimiento creo que podria lograrse con ionic storage pero no soy capaz de conseguirlo.
Esto es lo que tengo, (a modo resumen)
ejemplo.page.html
<ion-list *ngFor="let componente of Componentes">
<ion-item>
<ion-label color="primary">{{ componente.title }}</ion-label>
</ion-item>
</ion-list>
ejemplo.page.ts
import { Component } from '@angular/core';
import { DataService } from '../../../services/data.service';
@Component({
selector: 'app-ejemplo',
templateUrl: './ejemplo.page.html',
styleUrls: ['./ejemplo.page.scss'],
})
export class EjemploPage {
componentes: any[] = [];
constructor( private dataService: DataService ) {}
ngOnInit() {
this.dataService.getComponentes().subscribe( Componentes =>{
this.componentes=componentes;
this.componentes.map(listItem =>{
listItem.expanded=false;
return listItem;
});
})
}
}
data.service.ts
export class DataService {
componentes: Componente [] = []
constructor( private http: HttpClient) { }
getComponentes(){
return this.http.get<any[]>('https:www........../.../.json');
}
}
Espero que alguien pueda ayudarme Muchas Gracias Un saludo