Как отправить данные в автономном режиме с помощью localstorage в Ionic 3?

Question

Я новичок в мире Ionic.Я разрабатываю приложение, которое может отправлять данные в автономном режиме или онлайн.Так что если есть соединение (WIFI, 3g, 4g ...) после того, как я нажму кнопку send , данные будут отправлены на страницу «команды».

Если естьнет соединения (WIFI, 3g, 4g ...), данные остаются в локальном хранилище, после того как соединение (WIFI, 3g, 4g ...) возвращается, данные будут автоматически отправляться на страницу «команды».

пожалуйста, помогите мне, я застрял здесь.Я не знаю, что делать.

Это мой HTML:

<ion-item>
      <ion-label fixed>Username</ion-label>
      <ion-input type="text" value=""></ion-input>
    </ion-item>

    <ion-item>
      <ion-label fixed>adress</ion-label>
      <ion-input type="text" value=""></ion-input>
    </ion-item>

    <ion-item>
      <ion-label fixed>name of dish</ion-label>
      <ion-input type="text" value=""></ion-input>
    </ion-item>

    <ion-item>
      <ion-label fixed>quantity</ion-label>
      <ion-input type="text" value=""></ion-input>
    </ion-item>

  </ion-list>
  <button ion-button> send </button>

Answer 1

Вы можете использовать функцию Ionic Network (doc здесь ).

Если вам не удастся сохранить ваши данные в Интернете, сохраните их в локальном хранилище.

КогдаВы возвращаетесь в онлайн (через обратный вызов Ionic Network onConnect), а затем снова отправляете все данные в локальное хранилище.

Answer 2

Вы можете использовать сервис с локальным хранилищем и сетью.

    import { Network } from '@ionic-native/network';

constructor(private network: Network) { }

...

// watch network for a disconnect
let disconnectSubscription = this.network.onDisconnect().subscribe(() => {
  console.log('network was disconnected :-(');
});

// stop disconnect watch
disconnectSubscription.unsubscribe();


// watch network for a connection
let connectSubscription = this.network.onConnect().subscribe(() => {
  console.log('network connected!');
  // We just got a connection but we need to wait briefly
   // before we determine the connection type. Might need to wait.
  // prior to doing any api requests as well.
  setTimeout(() => {
    if (this.network.type === 'wifi') {
      console.log('we got a wifi connection, woohoo!');
    }
  }, 3000);
});

// stop connect watch
connectSubscription.unsubscribe();