如何将字符串变量插入html?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (229)

我想从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分配离子/存储中的字符串?

提问于
用户回答回答于

你可以通过@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}}表达式称为单向数据绑定。因此,每次更改Page1Page类中的username变量时,模板page1.html都会自动更新。

扫码关注云+社区

领取腾讯云代金券