export class ForgotPasswordPage {
  forgotPassword = {} as ForgotPasswordModel;
  phone: string;

  constructor(public navCtrl: NavController, public navParams: NavParams, private userProvider: UserProvider) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad ForgotPasswordPage');
  }

  //GETS INVOKED ON BUTTON CLICK ON PAGE
  goSendCode() {
    (async () => {
      await this.getCurrentUserDetails(this.forgotPassword.email);
      //send the phone number we got above to next page
      this.navCtrl.push(SendCodePage, {phone: this.phone, firstName: "zzzz"});
    })();
  }

  getCurrentUserDetails(email: string) {
    this.userProvider.getUserByEmail(email)
      .then((currentUser: User) => {
        this.phone = currentUser.phone;
        console.log("phone: " + this.phone); //phone PRINTS FINE HERE
      })
      .catch(e => console.error(JSON.stringify(e)));
  }

}

export class SendCodePage {

  constructor(private navCtrl: NavController, private sms: SMS, private navParams: NavParams) {
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad SendCodePage');
  }

  doSendCode() {
    (async () => {
      let firstName:string = this.navParams.get("firstName");
      let phone:string = this.navParams.get("phone");
      console.log("firstName: " + firstName); //PRINTS zzzz
      console.log("phone: " + phone); //PRINTS undefined

      //generating a random 6 digit number here and sending sms
      let code = Math.floor(Math.random() * 90000) + 10000;
      console.log("code: " + code)
      await this.sms.send(phone, code.toString());

      //navigate
      this.navCtrl.push(ResetPasswordPage);
    })();
  }

}

[app-scripts] [00:35:27]  console.log: ionViewDidLoad SendCodePage
[app-scripts] [00:35:27]  console.log: phone: 1005009001
[app-scripts] [00:35:29]  console.log: firstName: zzzz
[app-scripts] [00:35:29]  console.log: phone: undefined
[app-scripts] [00:35:29]  console.log: code: 41676
[app-scripts] [00:35:30]  console.log: ionViewDidLoad ResetPasswordPage