Surveillez les changements dans LocalStorage angular2

Question

J'ai stocké des objets dans LocalStorage et dans le hook ngOnInit je reçois ces données dans le tableau que je montre dans le template avec * ngFor. Comment puis-je surveiller les modifications dans LocalStorage et mettre à jour automatiquement la vue?

Answer 1

Ce que vous voulez est un sujet. Consultez les documents ici (https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/subjects/subject.md)

For a quick example, something like this: 
    @Injectable() 
export class StorageService { 
    ... 
    private storageSub= new Subject<boolean>(); 
    ... 

    watchStorage(): Observable<any> { 
    return this.storageSub.asObservable(); 
    } 

    setItem(key: string, data: any) { 
    localStorage.setItem(key, data); 
    this.storageSub.next('changed'); 
    } 

    removeItem(key) { 
    localStorage.removeItem(key); 
    this.storageSub.next('changed'); 
    } 
} 

Inside Component 

constructor(private storageService: StorageService ){} 
ngOnInit() { 
this.storageService.watchStorage().subscribe((data:string) => { 
// this will call whenever your localStorage data changes 
// use localStorage code here and set your data here for ngFor 
}) 

}