ionique 2 locaux de stockage ne fonctionne pas comme prévu

Je ne peux pas obtenir de stockage local pour fonctionner correctement. Quand je fais:

JS:

this.VEEU_ID = 'veeuID';
this.storage.set(this.VEEU_ID, 11);
alert('Storage was set to: '+JSON.stringify(this.storage.get(this.VEEU_ID)));

J'obtiens:

HTML:

Storage was set to: {"_id":1733,"_state":1,"_result":"11","_subscribers":[]}

Je pensais que this.storage.get(this.VEEU_ID) doit retourner la valeur 11

  • avez-vous essayé this.storage.set('veeuID',11)); alert('Storage was set to: '+JSON.stringify(this.storage.get('veeuID')));
  • Oui. Il semble que vous ne pouvez pas il suffit d'appeler le .obtenir vous devez utiliser une promesse.
  • oui, il y a un très bel exemple ici joshmorony.com/...
  • Si vous voulez un plus vaste tutoriel à l'aide de caractères d'imprimerie, découvrez devdactic.com/ionic-2-sqlstorage
  • une application qui permet d'utiliser ionique 2 de stockage github.com/sarantist/ionic2-heroku-do-until-app
InformationsquelleAutor Bill Noble | 2016-04-18
  1. 10

    D'extraire des données de Stockage est asynchrone, ce qui signifie que notre demande de continuer à fonctionner alors que les chargements de données. Une promesse qui nous permet de réaliser une action à chaque fois que des données ont fini de se charger, sans avoir à interrompre l'ensemble de l'application

    Donc un exemple de ce que devrait être:

    //set a value in storage
this.storage.set("age", 25);

//get the value from storage
this.storage.get("age").then((value) => {
   alert('Storage value: '+ value);
})

    Plus d'informations peuvent être trouvées sur le SqlStorage API page

    Mise à jour pour Ionique 2 RC

    Depuis la libération des ions 2 RC, des changements ont eu lieu:

    De stockage a été supprimé à partir ionique-angulaire et placé dans un module séparé, @ionique/de stockage. Départs ont été mis à jour pour ajouter à cela, assurez-vous de l'ajouter à votre forfait.json si vous utilisez le système de stockage. Voir plus de détails ici.

    L'exemple suivant montre comment Ionique 2 Stockage:

    D'abord, nous allons éditer le NgModule situé dans src/app/app.module.ts. L'important, c'est d'ajouter Storage en tant que fournisseur de:

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

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    ...
  ],
  providers: [ Storage ] //Make sure you do that!
})
export class AppModule {}

    Maintenant, nous pouvons injecter Storage dans notre composant:

    import { Component } from '@angular/core';

import { NavController } from 'ionic-angular';

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

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController, public storage: Storage) {

  }

}

    Après l'injection de Stockage dans le composant, nous pouvons utiliser la storage.set et storage.get méthodes:

    this.storage.set('name', 'John').then(() => {
  console.log('Name has been set');
});

this.storage.get('name').then((name) => {
  console.log('Name: ' + name);
});
    • et comment pouvez affecter valeur à variable externe?
    • supposons dans un échantillon de classe: public key : any = null ; public storage : ... ; constructor(...) { this.storage.get('age').then(value => { this.key = value ; console.log(this.key) ; // will show the value of the key } console.log(this.key) ; // will show null } Pourquoi? J'ai étudié promesses, mais je ne comprends pas pourquoi il ne sera pas initialiser la variable publique dans l'ensemble de la classe?
    InformationsquelleAutor Akis Tofas