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.tsimport { 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);  });}