Не ждите окончания функции перед обновлением шаблона sh

Question

У меня есть следующий флажок в представлении, которое вызывает функцию в компоненте ts, которая выполняет тяжелые вычисления и сохраняет некоторые значения в моей базе данных через HTTP-вызов.

<input type="checkbox" (change)="checkOption($event.target.checked)" [checked]="value === true" />

вот функция:

checkOption(value: boolean): void {
    this.value = value;
    // a function that takes too much time to execute
    this.function1();
}

Флажок не проверяется (или не проверяется), пока this.function1(); не завершит выполнение.
Есть ли способ обновить sh флажок в момент выполнения this.value = value;?

Answer 1

Попробуйте добавить change detection strategy и запустить функцию detectChanges, как только вы обновите переменную this.value