使用LocalStorage离子2

Question

我有两个文本字段,必须从两个文本字段中获取数据并使用LocalStorage存储它.所以这里是我已经实现的代码,但它不起作用你能告诉我解决它.

在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>

在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);
   }
 }

  }

在控制台日志上,它显示 [Object Object]在最后

并且也请告诉得到 从localStorage的.提前致谢 :-)

Answer 1

之前的答案已经过时,这是一个更新.

跟着这些步骤:

1. 安装存储模块

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

2. 将存储添加到app.module.ts中

   import { Storage } from '@ionic/storage';
   
   @NgModule({
   
      ...
   
      providers: [
        Storage
      ]
    })
   export class AppModule {}
   

3. 用它 :)

   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);
       })
    }
   }
   

在http://ionicframework.com/docs/v2/storage/上找到更多信息

Answer 2

您需要同时导入Storage和LocalStorage,并且需要将其添加到构造函数中:

this.local = new Storage(LocalStorage);

文档和示例在这里:http://ionicframework.com/docs/storage/