如何将字符串变量插入html

Question

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

home.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从离子/存储分配字符串？

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将自动更新。