angular-system-storage

Angular System Storage is a library what provides storage on Angular programme. Indeed, systemStorage is similar to localStorage, however, systemStorage will be cleared when page is reloaded or a tab/window ends.

Usage no npm install needed!

<script type="module">
  import angularSystemStorage from 'https://cdn.skypack.dev/angular-system-storage';
</script>

README

Angular System Storage

Angular System Storage is a library what provides storage on Angular programme. Indeed, systemStorage is similar to localStorage, however, systemStorage will be cleared when page is reloaded or a tab/window ends.

Table of contents

Installation

Use the package manager NPM to install Angular System Storage.

npm install angular-system-storage

Usage

  1. Import SystemStorageModule once only in AppModule
import { SystemStorageModule } from "angular-system-storage";

@NgModule({
  imports: [
    SystemStorageModule
  ],
})
export class AppModule { }
  1. Inject SystemStorageService in component that uses system storage
import { ISystemStorageService, SYSTEM_STORAGE_SERVICE_TOKEN } from 'angular-system-storage';

export class TestComponent {
  constructor(
    @Inject(SYSTEM_STORAGE_SERVICE_TOKEN) private systemStorage: ISystemStorageService,
  ) { }
}
  1. Available methods of systemStorage
// save data to systemStorage
this.systemStorage.setItem('key', value);

// get saved data from systemStorage
let data = this.systemStorage.getItem('key');

// remove saved data from systemStorage
this.systemStorage.removeItem('key');

// remove all saved data from systemStorage
this.systemStorage.clearStorage();

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT