コンポーネントのプロパティが現在の日時に依存する場合、Angular2 "式がチェックされた後に式が変更されました"

Question

Myコンポーネントは現在の日時に依存するスタイルを持っています。私のコンポーネントでは、次の機能があります。

private fontColor(dto : Dto) : string { 

    // date d'exécution du dto 
    let dtoDate : Date = new Date(dto.LastExecution); 

    (...) 

    let color = "hsl(" + hue + ", 80%, " + (maxLigness - lightnessAmp) + "%)"; 

    return color; 
    } 

lightnessAmpは、現在の日時から計算されます。色は、dtoDateが過去24時間以内に変わると変わります。

正確なエラーは以下の通りです：

Expression has changed after it was checked. Previous value: 
'hsl(123, 80%, 49%)'. Current value: 'hsl(123, 80%, 48%)' 

私は例外値がチェックされているだけで、現時点では開発モードで表示されます知っています。チェックされた値が更新された値と異なる場合、例外がスローされます。

だから私は例外を防ぐために、以下のフックメソッドで各ライフサイクルで現在の日時を更新しようとしました：

ngAfterViewChecked() 
    { 
    console.log("! changement de la date du composant !"); 
    this.dateNow = new Date(); 
    } 

...成功せず。明示的に変更した後

Answer 1

ラン変化検出：

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

constructor(private cdRef:ChangeDetectorRef) {} 

ngAfterViewChecked() 
{ 
    console.log("! changement de la date du composant !"); 
    this.dateNow = new Date(); 
    this.cdRef.detectChanges(); 
} 

Answer 2

これは、このエラーを理解するための素敵なポストです。これは長すぎて読むことはできません。

• Everything you need to know about the ExpressionChangedAfterItHasBeenCheckedError error