Как управлять выражением Angular2 «изменилось после проверки» Исключение, когда свойство компонента зависит от текущего datetime

Question

Мой компонент имеет стили, которые зависят от текущего времени и времени. В моем компоненте у меня есть следующая функция.

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%)' 

Я знаю, что исключение появляется в режиме разработки только в данный момент проверяется значение. Если проверенное значение отличается от обновленного значения, генерируется исключение.

Так что я пытался обновить текущий DateTime на каждом жизненном цикле в следующем методе крючками, чтобы предотвратить исключение:

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

... но без успеха.

Answer 1

обнаружения изменения Run явно после изменения:

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