如何訂閱angular-2-local-storage中的setItems $ Observable

Question

我正在使用angular-2-local-storage，它具有setItems $的可觀察值，我試圖......用在指令下面的代碼：

/** app-theme.directive.ts **/

import { Directive, ElementRef, Input } from '@angular/core'; 
import { UserSettings } from './core/user-settings'; 
import { LocalStorageService } from 'angular-2-local-storage'; 

@Directive({ 
    selector: '[appTheme]' 
}) 
export class AppThemeDirective { 
    constructor(el: ElementRef, localStorageService: LocalStorageService) { 
    localStorageService.setItems$.subscribe(function(x: any) { 
     console.log('subscribed', x); 
    }); 
    } 

} 

本地存儲更新，並在我的代碼堅持不夠好，但沒有被觀察到的更新並登錄到控制檯。我錯過了任何明顯的缺陷？

Answer 1

道歉，這是要罰款，但我需要閱讀： https://github.com/phenomnomnominal/angular-2-local-storage/issues/31和notifyOptions添加到app.module.ts進口

LocalStorageModule.withConfig({ 
    prefix: 'ng-starter', 
    storageType: 'localStorage', 
    notifyOptions : {setItem: true, removeItem:true} 
}), 

Answer 2

localStorage和sessionStorage已經存在於lib中，這樣你就可以直接使用localStorage.setItem（）和localStorage.getItem（）。

mycomponent.ts

import { Directive, ElementRef, Input } from '@angular/core'; 
import { UserSettings } from './core/user-settings'; 
import { LocalStorageService } from 'angular-2-local-storage'; 

@Directive({ 
    selector: '[appTheme]' 
}) 
export class AppThemeDirective { 
    constructor(el: ElementRef, localStorageService: LocalStorageService) { 

    let data = { application: this.application }; 
    localStorage.setItem('applicationdata', JSON.stringify(data)); 
    var data = localStorage.getItem('applicationdata'); 
    } 

} 

希望這會幫助你。