角4 ExpressionChangedAfterItHasBeenCheckedError（ミリ秒） - 回避方法

Question

最後のリクエスト（pingのようなもの）から経過したミリ秒を表示するビューがあります。例えば

Ping: {{timePassed}} 

そして私はゲッターを持つコンポーネントがあります。

明らか

get timePassed() { 
    return new Date().getTime() - this.lastPacket; 
} 

を、私たちは二度timePassedにを得るとき、我々は（たとえ1秒差で）2つの異なる値を取得します。このため、我々はExpressionChangedAfterItHasBeenCheckedErrorを取得します。

私はこのエラーがなぜ起こるのかを完全に認識していますが、この場合はこの値を1 msの精度で強く主張します。

この1つの特定の値の二重チェックをオフにすることができるのは本当に素晴らしいことです。

誰もこのような問題を処理する方法を知っていますか？あなたが明示的に変更をトリガすることによって、これを扱うことができる

Answer 1

、

import { ChangeDetectorRef } from '@angular/core'; 

constructor(private cdr: ChangeDetectorRef) {} 

get timePassed() { 
    this.timePassed = new Date().getTime() - this.lastPacket; 
    this.cdr.detectionChanges(); 
}