Ionic 3 - Как использовать ионное локальное хранилище для локального сохранения данных на устройстве?

Question

Я готов сделать начальную страницу, которая будет читать QR-код, сохранять код и переходить на другую страницу.Это произойдет только при первом открытии приложения.При закрытии приложения и повторном открытии страница введения не должна появляться.Итак, в чем моя проблема?Я сохраняю код, который прочитал, но когда я закрываю приложение и открываю снова, код, который я сохранил, теряется, и появляется страница введения.Как мне решить эту проблему?

Решения, которые я пытался использовать :

NativeStorage from @ ionic-native / native-storage

IonicStorageModule from@ ionic / storage

Ни одно из этих решений не помогло мне.IonicStorageModule не хранит никаких данных и не возвращает никаких ошибок при их использовании.NativeStorage работал для хранения данных, но сохраненные данные не были постоянными, и когда я закрывал приложение, данные были потеряны.

РЕДАКТИРОВАТЬ :

Мой вопросотличается от Соответствующее локальное хранилище для Ionic 3 , потому что я уже пытался использовать решение taht, но у меня это не сработало.

Answer 1

Выполните следующие действия,

npm install --save @ionic/storage

Добавьте фрагмент кода ниже в ваш app.module.ts,

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

@NgModule({
  imports: [
    IonicStorageModule.forRoot(),
  ]
})
export class AppModule {}

Добавьте фрагмент кода ниже в ваш пример-page.ts,

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

export class ExamplePage {

  constructor(private storage: Storage, private platform: Platform,) {

platform.ready().then(() => {

// Save data to the storage
this.storage.set('yourStorageKey', data);

// Get data from the storage
     this.storage.get('yourStorageKey')
        .then(data => {
          console.log('your data => ', data);
        });

});
}

}

ПРИМЕЧАНИЕ. Необходимо добавить фрагмент кода для получения данных из хранилища или сохранения данных в хранилище после готовности платформы.

Answer 2

Вы можете использовать localStorage, но помните, что когда вы очистите localStorage this.localStorage.clear(); или перезапустите свое приложение, ваши данные будут удалены.

app.component.ts или login.ts

if(localStorage.getItem('firstTime')){
   // Introduction page should not appears
} else {
   // Show introduction page
   // localStorage.setItem('firstTime', "1");
}

Лучше использовать SQLite .