/angular-2-local-storage

LocalStorageService for Angular 2 with thesame API as angular-local-storage

Primary LanguageTypeScript

angular-2-local-storage

LocalStorageService for Angular 2 with mostly the same API (and most of the code) from angular-local-storage.

AoT compatible.

Differences:

  • No events broadcast on $rootScope - LocalStorageService exposes observables for errors$, removeItems$, setItems$ and warning$ if you really need something to happen when something happens.
  • The bind function doesn't work anymore (there is a stub so this can still be a drop-in, but it'll do nothing).

Install:

npm install angular-2-local-storage

Usage:

With angular-cli or vanilla WebPack:

With the latest angular-cli (WebPack), no config is required.

For older versions (SystemJS based) see the comments here for configuration: Issue #20

With TypeScript

Nothing to configure, the typings are included in the package.

In your app:

First you need to configure the service:

import { LocalStorageModule } from 'angular-2-local-storage';

@NgModule({
    imports: [
        LocalStorageModule.withConfig({
            prefix: 'my-app',
            storageType: 'localStorage'
        })
    ],
    declarations: [
        ..
    ],
    providers: [
        ..
    ],
    bootstrap: [AppComponent]
})
export class AppModule {}

Then you can use it in a component:

import { LocalStorageService } from 'angular-2-local-storage';

@Component({
    // ...
})
export class SomeComponent {
    constructor (
        private localStorageService: LocalStorageService
    ) {
        // YAY!
    }
}

Configuration options:

import { ILocalStorageServiceConfig } from 'angular-2-local-storage'; for type information about the configuration object.