TypeError：无法读取 Ionic 2 中未定义的属性“viewCtrl”

Question

我在从特定页面调用的提供程序中有一个Observable.timer。我还将一个函数传递给提供者 Observable，当它完成倒计时时，它将调用位于初始页面中的函数。但定时器结束后我得到错误：

注意：我在页面中导入了视图控制器，但没有在提供程序中导入（如果我尝试在提供程序中导入视图控制器，则会出现另一个错误）

错误

退订期间发生1个错误：↵ 1）TypeError：无法读取 未定义的属性'viewCtrl'

页面

  newTimer() {
    this.countDown = this.timerProvider.newTimer(this.endTimer); //pass function below
  }

  endTimer() {

    const indexModal = self.viewCtrl.index;
    // then we remove it from the navigation stack
    //this.navCtrl.remove(2);

    self.navCtrl.push(WinnersPage, {
      gameId: self.gameId
    }).then(() => {

    });

    console.log('timer ENDED');
  }

提供者

  countDown: any;
  counter = 1*100;
  tick = 1000;

  constructor(public http: HttpClient) {
    //console.log('Hello TimerProvider Provider');
  }

  newTimer(endTimer) {
     return Observable.timer(0, this.tick)
      .take(this.counter).map(() => --this.counter)
      .finally(() => endTimer());
  }

Answer 1

简单易用，

  newTimer() {
    this.countDown = this.timerProvider.newTimer(this.endTimer.bind(this)); 
  }

或者：

由于您从another function 调用function，因此this 的引用在endTimer funciton

中不可用

因此，将component this 分配给global variable self 并在endTimer function 中使用它

试试这个，

 let self = this;

  newTimer() {
    this.countDown = this.timerProvider.newTimer(this.endTimer); //pass function below
  }

  endTimer() {

    const indexModal = self.viewCtrl.index;
    if(self.answerModal) {
      self.answerModal.dismiss();
    }
    if(self.hintModal) {
      self.hintModal.dismiss();
    }
    self.navCtrl.push(WinnersPage, {
      gameId: self.gameId
    }).then(() => {

    });

    self.storage.set('firstAnswerCreated', '');
    self.playaudio.pause();

    console.log('timer ENDED');
  }