Состояние изменяется, но компонент не обновляется - ANGULAR

Question

Я использую ioni c с angular, когда я создаю оповещение в функции обратного вызова кнопки ok, я меняю свое состояние. Изменения состояния, но это изменение не влияет на, я думаю, компонент не обновляется. Как я могу это исправить?

async presentAlert() {
    const alert = await this.alertController.create({
      header: '',
      message: '',
      buttons: [
        'cancel',
        {
          text: 'ok',
          handler: () => {
            this.currentScreen = "";
            this.dates[this.currentDateIndex].isOrdered = false;//disable order
          }
        }
      ]
    });
    await alert.present();
  }

Answer 1

Можно попытаться использовать ChangeDetectorRef, чтобы явно указать, что изменение было внесено, и представление необходимо обновить.

Ссылка: https://angular.io/api/core/ChangeDetectorRef

Пример :

Объявить ChangeDetectorRef в конструкторе

constructor(public cd: ChangeDetectorRef) {}

Затем использовать его в обратном вызове:

buttons: [
    'cancel',
    {
      text: 'ok',
      handler: () => {
        this.currentScreen = "";
        this.dates[this.currentDateIndex].isOrdered = false;//disable order
        this.cd.detectChanges();
      }
    }
  ]