0

我想从本地存储中以 html 格式显示数据，但出现错误 [object promise]。我不知道如何在 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>

4

1 回答 1

1

你当然需要打电话saveData()和loadData()某个地方。我想，你已经这样做了。

要在模板中显示数据，您需要将数据存储在类的任何属性中。在您的情况下，您希望像这样存储它：

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

在此之后Promise（注意：它是异步的，知道这一点很重要），您的name属性将填充您之前存储在 LocalStorage 中的任何值。当您没有为.catch().Promisename

于 2018-12-25T19:09:48.670 回答