cyrilletuzi

import { LocalStorageModule } from '@ngx-pwa/local-storage';

@NgModule({
  imports: [
    BrowserModule,
    LocalStorageModule
  ]
})
export class AppModule {}

cyrilletuzi

import { LocalStorage } from '@ngx-pwa/local-storage';

@Injectable()
export class YourService {

  constructor(protected localStorage: LocalStorage) {}
  
  ngOnInit() {
  
    this.localStorage.setItem('lang', 'fr').subscribe(() => {

cyrilletuzi

System.config({
  map: {
    '@angular/core': 'node_modules/@angular/core/bundles/core.umd.js',
    'angular-async-local-storage': 'node_modules/angular-async-local-storage/bundles/async-local-storage.umd.js'
  }
});

cyrilletuzi

this.localStorage.setItem('color', 'red').subscribe(() => {
  // Done
}, () => {
  // Error
});

cyrilletuzi

let user = { firstName: 'Henri', lastName: 'Bergson' };

this.localStorage.setItem('user', user).subscribe(() => {}, () => {});

cyrilletuzi

this.localStorage.removeItem('user').subscribe(() => {}, () => {});

cyrilletuzi

this.localStorage.clear().subscribe(() => {}, () => {});

cyrilletuzi

this.localStorage.getItem('notexisting').subscribe((data) => {
  data; // null
}, () => {
  // Not called
});

cyrilletuzi

this.localStorage.getItem('user').subscribe((user) => {
  if (user != null) {
    user.firstName;
  }
}, () => {});

cyrilletuzi

this.localStorage.getItem('color').subscribe((color: string) => {
  color;
}, () => {});