Ионные 3 хранилища получить данные и показать их в формате HTML

Question

Я хочу показать данные в html из локального хранилища, но я получил ошибку [обещание объекта].Я не знаю, как показать данные в формате HTML.Я могу показать данные из консоли, но не могу показать в HTML.Пожалуйста, помогите мне

TS

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { Storage } from '@ionic/storage';
import { PengaturanPage } from "../../pengaturan/pengaturan";


@IonicPage()
@Component({
selector: 'page-biodata',
templateUrl: 'biodata.html',
})
export class BiodataPage {

  inputnama: string;
  public name: any;

  constructor(public navCtrl: NavController, 
    public navParams: NavParams, 
    private storage: Storage) {`enter code here`


  }

  saveData(){
    this.storage.set('name', this.inputnama);
  }

  loadData(){
    this.storage.get('name').then((name) => {
    console.log(name);
  });
}

HTML:

<ion-row padding-top>
            <ion-col class="col-tengah" col-10 no-padding>
                <ion-item style="background: transparent" >
                    <ion-input class="input-biodata" [(ngModel)]="inputnama" placeholder="Nama">{{name}}</ion-input>
                </ion-item>
            </ion-col>
        </ion-row>

Answer 1

Вам, конечно, нужно позвонить saveData() и loadData().Я полагаю, вы уже сделали это.

Чтобы отобразить данные в вашем шаблоне, вам нужно сохранить данные в любом атрибуте вашего класса.В вашем случае вы хотите сохранить его следующим образом:

this.storage.get('name').then((name) => {
    this.name = name;
});

После этого Promise (Примечание: это асинхронный, что важно знать), ваш атрибут name заполняется любым значением, которое выхранится в LocalStorage раньше.Возможно, вы захотите использовать .catch() на Promise для перехвата любых ошибок, возникающих, когда вы не сохранили значение для name.