ngx-indexed-database ships multiple angular services that ease your interaction with IndexedDB.
Its exposes various promise based method which boosts your productivity many times.
Add NgxIndexedDatabaseModule into your NgModule imports:
Import and inject the service in the component where you want to handle store interaction.
```ts import { NgxIndexedDatabaseService } from "ngx-indexed-database"; ... export class XYZComponent { constructor(private _ngxIndexedDBService: NgxIndexedDBService) {} } ```or
You can get instance of service using this:
```ts const ngxIndexedDBService = NgxIndexedDBService.getInstance(); ```NgxIndexedDatabaseService provides two methods to create and delete data store.
Note: Whenever store schema is updated old store will be migrated to newer version.
#### Delete ```ts import { IndexedDBKeysDataType, IndexedDBStoreSchema, NgxIndexedDatabaseService } from "ngx-indexed-database"; ... const dbName = 'ngx-indexed-database'; const storeName = 'users'; this._ngxIndexedDBService.deleteStore(dbName, storeName); ``` ### NgxIndexedDatabaseStoreOperations serviceImport and inject the service in the component where you want to manipulate or access store data.
```ts import { NgxIndexedDatabaseStoreOperationsService } from "ngx-indexed-database"; ... export class XYZComponent { constructor(private _ngxIndexedDatabaseStoreOperationsService: NgxIndexedDatabaseStoreOperationsService) {} } ```NgxIndexedDatabaseStoreOperationsService provides following methods:
Insert the new entries in store and update the existing one
```ts const data = { id: 1, user_name: 'test123', email: 'test@test.com' }; this._ngxIndexedDatabaseStoreOperationsService.upsert(dbName, storeName, data); ``` #### deleteDelete the entry by primary key
```ts this._ngxIndexedDatabaseStoreOperationsService.delete(dbName, storeName, 1); ``` #### deleteByDelete the entry by specific key
```ts this._ngxIndexedDatabaseStoreOperationsService.deleteBy(dbName, storeName, "user_name", "test123"); ``` #### clearRemove all the entries from specified store
```ts this._ngxIndexedDatabaseStoreOperationsService.clear(dbName, storeName); ``` #### findFind the entry by primary key
```ts this._ngxIndexedDatabaseStoreOperationsService.find(dbName, storeName, 1); ``` #### findByDelete the entry by specific key
```ts this._ngxIndexedDatabaseStoreOperationsService.findBy(dbName, storeName, "user_name", "test123"); ``` #### findManyFind the entries by primary keys
```ts this._ngxIndexedDatabaseStoreOperationsService.findMany(dbName, storeName, [1, 2, 3]); ``` #### findManyByFind the entries by specified key
```ts this._ngxIndexedDatabaseStoreOperationsService.findManyBy(dbName, storeName, 'user_name', ['test123', 'test456']); ``` #### fetchAllReturn all the entries in specified store
```ts this._ngxIndexedDatabaseStoreOperationsService.fetchAll(dbName, storeName); ``` #### resetStoresClear data from all the stores in specified database.
```ts this._ngxIndexedDatabaseStoreOperationsService.resetStores(dbName); this._ngxIndexedDatabaseStoreOperationsService.resetStores(dbName, { exclude: ['ABC'] }); this._ngxIndexedDatabaseStoreOperationsService.resetStores(dbName, { only: ['DEF'] }); ``` ## Enum ```ts export enum IndexedDBKeysDataType { STRING, INTEGER, OBJECT, ARRAY, BOOLEAN, ANY } ``` ## Interfaces ```ts export interface IndexedDBStoreSchema { [key: string]: { primary?: boolean; unique?: boolean; datatype: IndexedDBKeysDataType } } ``` ## Author
**[Harsh Mittal](https://github.com/harsh863/)**
[](https://www.linkedin.com/in/harsh863/)
[](https://stackoverflow.com/users/12774193/harsh-mittal)
[](https://dev.to/harsh863)
[](https://www.facebook.com/harsh863)
