Verwendung von LocalStorage-ionic 2

Ich habe zwei text-Felder und nehmen die Daten aus beiden von Ihnen, und speichern Sie es mit "LocalStorage".
So, hier ist der code habe ich umgesetzt, aber es funktioniert nicht können Sie mir sagen, um es zu lösen.

in page1.html

<ion-input [(ngModel)]="hour" type="number"  ></ion-input>

 <ion-input [(ngModel)]="min" type="number" ></ion-input>

<button clear (click)="setTime(hours.value,min.value)" item-right >settime</button>

in pag1.ts

export class Page1 {

   public hour;
   public min;
   public local:Storage; 

  constructor(public nav: NavController, translate:TranslateService) {}


 setTime(hour, min){

   if(hour<24 && hour>0 && min>0 && min<61){
       this.local.set('hour',JSON.stringify(hour));
       this.local.set('min',JSON.stringify(min));
   }
   else{
     console.log("OUTOF LIMIT TIME EXCEPTION the values are "+hour+min);
   }
 }

  }

auf der Konsole anmelden, es zeigt
[Object Object] am Ende

und bitte auch sagen über bekommen von localStorage.
Vielen Dank im Voraus 🙂

InformationsquelleAutor bhatman | 2016-05-14

  1. 6

    Müssen Sie importieren Storage und LocalStorage, und Sie müssen, fügen Sie diese zu Ihrem Konstruktor:

    this.local = new Storage(LocalStorage);

    Docs mit und Beispiel sind hier: http://ionicframework.com/docs/storage/

    oh..danke..funktioniert wie ein Charme 🙂
    Bitte fügen Sie einen neuen link, nicht finden können die Ressource mehr.
    Oder Sie suchen in der Dokumentation nach, finden Sie den neuen link, und aktualisieren den Kommentar
    Ich denke, dies ist der neue link: ionicframework.com/docs/v2/storage
    wow seine große..

    InformationsquelleAutor Manu Valdés

  2. 8

    Die Vorherige Antwort ist veraltet, hier ist ein UPDATE.

    Gehen Sie folgendermaßen vor:

    1. Installieren Von Speicher-Modul

      $ cordova plugin add cordova-sqlite-storage --save
$ npm install --save @ionic/storage

    2. Hinzufügen von Speicher in die app.- Modul.ts

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

@NgModule({

   ...

   providers: [
     Storage
   ]
 })
export class AppModule {}

    3. Verwenden 🙂

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

export class MyApp {
    constructor(storage: Storage) {

    //set        key   value
    storage.set('myKey', 'myVal');

    //get value 
    storage.get('myKey').then((val) => {
      console.log(val);
    })
 }
}

    finden mehr auf http://ionicframework.com/docs/v2/storage/

    Gut! Wie zum abrufen eines Werts an variable? console.log() funktioniert, aber nicht im Gegenzug, variable, nichts...

    InformationsquelleAutor Tomas Marik

  3. 1

    Eigentlich müssen Sie warten, bis der Speicher bereit und

    So, wie angegeben, bevor Sie es installieren

    wenn Sie beabsichtigen, Sie zu verwenden sqlite zuerst tun

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

    wenn nicht, überspringen Sie es und gehen Sie zu tun 

    $ npm install --save @ionic/storage

    Als Nächstes fügen Sie es an die Anbieter-Liste in Ihrem NgModule

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

@NgModule({

 ...

 providers: [
  Storage
 ]
})
export class AppModule {}

    Dann können Sie gehen, um es zu injizieren, wo Sie benötigt

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

export class MyApp {
constructor(storage: Storage) {

    storage.ready().then(() => {
         //set key   value
         storage.set('myKey', 'myVal');

         //get value 
         storage.get('myKey').then((val) => {
           console.log(val);
         })
    });
  }
}

    InformationsquelleAutor Francis Benyah

Schreibe einen Kommentar