typescript - ReferenceError：未定义“用户名”

Question

我试图在用户登录 ionic 后将数据传递到主页。如果我这样做，在主页中：

  ionViewDidLoad() {
   console.log(this.navParams.get('username'));
 }

将显示用户名。但如果我这样做：

  constructor(public navCtrl: NavController,  public  
navParams:NavParams,     
  public loadingCtrl:LoadingController) {
   this.username = this.navParams.get('username');
    }

   ionViewDidLoad() {
      console.log(username);
    }

正在显示以下错误：

ReferenceError：未定义“用户名”

我已经这样做了：

  data:any;
  username:any;
  members: Array<any>;
  loader: any;

我希望能够在页面的任何位置调用用户名。

标签： typescriptionic-frameworkionic3

Answer 1

在您的 .html 文件中，您用于用户名的输入字段

<input type="text" [(ngModel)]="username">

并且在

 ionViewDidLoad() {
  console.log(this.username);
}