ANGULAR：Timerから退会した後に別の機能を注入するObservable

Question

私は試験アプリを作成しているので、時間がたつと、時間を超過した結果をユーザーに伝えて結果ページに表示するために、 ！

しかし、タイマーから退会した後、私の機能はループに入ります！

私はこれで助けが必要です。

マイコード！

minutesDisplay: number = 0; 
hoursDisplay: number = 0; 
secondsDisplay: number = 0; 

sub: Subscription; 

showAlert() { 
    let alert = this.alertCtrl.create({ 

     subTitle: 'Ooops, Time Up! ', 
    }); 
    alert.present(); 
    this.activity.openModal(); 
    } 

ngOnInit() { 
    this.startTimer(); 
} 

public ngOnDestroy() { 
    if (this.minutesDisplay == 1){ 
     this.sub.unsubscribe(); 
    } 

    return true; 

} 

private startTimer() { 
    let timer = Observable.timer(1, 1000); 
    this.sub = timer.subscribe(
     t => { 
      this.ticks = t; 
      this.secondsDisplay = this.getSeconds(this.ticks); 
      this.minutesDisplay = this.getMinutes(this.ticks); 
      this.hoursDisplay = this.getHours(this.ticks); 
      this.ngOnDestroy(); 
     } 
    ); 
    this.showAlert(); 
} 

Answer 1

私はこれを試していない...しかし、あなたは次のことを試みることができる：？

public ngOnDestroy() { 
    this.sub.unsubscribe(); // Stop the timer if the user navigates elsewhere 
} 

private startTimer() { 
    let timer = Observable.timer(1, 1000); 
    this.sub = timer.subscribe(
     t => { 
      this.ticks = t; 
      this.secondsDisplay = this.getSeconds(this.ticks); 
      this.minutesDisplay = this.getMinutes(this.ticks); 
      this.hoursDisplay = this.getHours(this.ticks); 
      if (this.minutesDisplay == 1){ 
       this.sub.unsubscribe(); // Stop the timer when time is up. 
       this.showAlert();  // Show the alert now 
      } 
     } 
    ); 
} 

Answer 2

Observable.timer(1, 1000) 
    .map(t=>this.getMinutes(t) === 1) // Observable<tick> -> Observable<boolean> 
    .first(istimeUp => istimeUp) // take first Observable<true> 
    .subscribe(()=>this.showAlert())