ionic3基础之本地缓存

storage本地缓存

• 之前的版本需要在app.module.ts 文件引入 import { Storage} from ‘@ionic/storage’; 并在providers中写入Storage.
  -在xx.ts文件中需要引入import { Storage} from ‘@ionic/storage’;并在组件中注入providers :[
  Storage
  ]才可以使用。

import { Storage } from '@ionic/storage';//这引入
@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  providers :[//这需要引入
  Storage
]
})
export class HomePage {
 constructor(public navCtrl: NavController
          public modalCtrl: ModalController,
          public storage: Storage) {//这引入
}


//这是app.module.ts文件
import { Storage } from '@ionic/storage';//这引入
//...
@NgModule({
  declarations: [
  MyApp,
  HomePage,
],
imports: [
  IonicModule.forRoot(MyApp),
  HttpModule
],
bootstrap: [IonicApp],
  entryComponents: [
  MyApp,
  HomePage,
],
providers: [
  Storage,//这引入
  //.......
  {provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}

• storage2.0.0之后改变。
• 需要安装storage2.0.0版本
  
  • npm install @ionic/storage@2.0.0 –save
• 在app.module.ts中删除storage
• import { IonicStorageModule } from ‘@ionic/storage’而不是import { IonicStorage } from ‘@ionic/storage’在app.module.ts中
• 添加IonicStorageModule.forRoot()到其中的imports数组app.module.ts
• xx.ts 文件必须删除@Component()中的 providers :[
  Storage] 其他不变

//app.module.ts  
import { IonicStorageModule } from '@ionic/storage';//导入换成这个

//..
@ngModule({

imports: [
  IonicModule.forRoot(MyApp),
  HttpModule,
  IonicStorageModule.forRoot(),//这需要添加 之前providers里的需要删除
]

//xx.ts
import { Storage } from '@ionic/storage';
@Component({
  templateUrl: 'Myapp.html',
})
export class MyApp {
  constructor(private storage: Storage) { }
  ...
  // set a key/value
  storage.set('name', 'Max');

  // Or to get a key/value pair
  storage.get('age').then((val) => {
    console.log('Your age is', val);
  });
}