Wie benutzt man localStorage in Winkel Universal?

Question

Ich verwende @angular v4.0.3 und webpack 2.2.0.

Es funktionierte gut mit Auler Beitrag, aber als ich localStorage enthalten hörte auf zu arbeiten. Gibt es eine Möglichkeit, es funktioniert oder ein Modul für localstorage in Winkeluniversal

Answer 1

einen guten Weg zu machen, ist localStorage eine injizierbare zu machen und verschiedene Implementierungen für diese Entscheidung.

Eine abstrakte Klasse, die Storage API als Zeichen verwendet werden können, reflektiert:

export abstract class LocalStorage { 
    readonly length: number; 
    abstract clear(): void; 
    abstract getItem(key: string): string | null; 
    abstract key(index: number): string | null; 
    abstract removeItem(key: string): void; 
    abstract setItem(key: string, data: string): void; 
    [key: string]: any; 
    [index: number]: string; 
} 

App-Modul dann für Browser ist es

export function localStorageFactory() { 
    return localStorage; 
} 
... 
{ provide: LocalStorage, useFactory: localStorageFactory } 

Und für Server App-Modul localStorage kann mit einiger Implementierung ersetzt werden , wie node-storage-shim für In-Memory-Speicher:

{ provide: LocalStorage, useClass: StorageShim } 

Die Verwendung von DI statt des globalen persistenten Speichers erleichtert auch das Testen.