Using Storage in Ionic 2+

First, install the SQLite Cordova plugin with this command:

$ cordova plugin add cordova-sqlite-storage --save

Then install Storage. You can skip this step if you’re using a version or Ionic 2 greater than RC0, because Storage is now included automatically:

$ npm install --save @ionic/storage

Import it in the appropriate module, the app root module for example:

...
import { IonicStorageModule } from '@ionic/storage';

Then inject it in the components that need it:

...
import { Storage } from '@ionic/storage';

export class TeamPage {
  constructor(public navCtrl: NavController, public storage: Storage) { }

Now you’re ready to start using Storage’s set, get and remove methods. Let’s use a simple example where we have three methods, one that sets a team as a favorite, one that removes the team from the favorites and one that checks if a team is a favorite:

fav() {
  this.storage.set(`team ${ this.teamId }`, this.teamName);
  this.favorite = true;
}

removeFav() {
  this.storage.remove(team ${ this.teamId });
  this.favorite = false;
}

In that example, the isFav method can be used in the ionViewWillEnter page lifecycle hook to determine if a team is already a favorite.