{{value}} - представление отображает старое значение

Question

После изменения значения поля в источнике вид все еще отображает старое значение.Угловой двигатель использует «строгое равенство» (===) для обнаружения изменений?

Как решить эту проблему (мне не нравится решение ниже)?Thx

SOURCE:
export class TestComponent implements OnInit {

    date: Date = new Date();

    constructor() {
    }

    ngOnInit() {
    }

    change() {
        this.date.setHours(11);                   // not working

        //const newDate = new Date();     
        //newDate.setHours(11);
        //this.date = newDate;                    // working
    }
}

Шаблон VIEW:

<div>
  <button (click)="change()">
    Change
  </button>
  <h4>
    {{date}}
  </h4>
</div>    

Answer 1

@ BitVer попробуйте это, вы изменяете объект Date, но это не двусторонняя привязка, поэтому он не обновляется в представлении шаблона.

Но вы можете изменить переменную date, переназначив ееснова.

 change() {
   this.date = this.date.setHours(11); 
 }

Answer 2

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