ionic-framework - 如何将字符串变量插入到html

Question

我想将一个字符串变量从 ionic/storage 添加到 html。

主页.ts

export class HomePage {
  @ViewChild('username') uname;

  constructor(public navCtrl: NavController, public alertCtrl: AlertController, public strg: Storage) {

  }
  signIn() {
    this.strg.set('uname', this.uname.value);
    this.navCtrl.push(Page1Page);
  }
}

page1.html

<ion-content padding>
<p>Welcome to this app, /**I want to add the uname here**/ </p>
</ion-content>

我将如何使用 page1.ts 从 ionic/storage 分配字符串？

Answer 1

@ionic/storage您可以像这样简单地再次获取您的用户名：

page1.ts

username: string;

constructor(public strg: Storage) {
    this.username = this.strg.get('uname');
}

page1.html

<ion-content padding>
    <p>Welcome to this app, {{username}}</p>
</ion-content>

此{{username}}表达式称为单向数据绑定。所以每次你改变username你类中的变量时Page1Page，模板page1.html都会自动更新。