Achten Sie auf Änderungen in LocalStorage angular2

Question

Ich habe einige Objekte in LocalStorage und in ngOnInit Hook Ich empfange diese Daten an das Array, die ich in der Vorlage mit * ngFor anzeigen. Wie kann ich Änderungen in LocalStorage überwachen und die Ansicht automatisch aktualisieren?

Answer 1

Was Sie wollen, ist ein Thema. Schauen Sie sich hier die Dokumentation (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 
}) 

}