Почему мой метод угловых компонентов не работает?

Question

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

Проблема: Сообщения h2 правильные / неправильные не скрываются, когда this.correct / this.incorrect имеет значение null / false.

Я хочу, чтобы эти h2s отображались для 2 секций, прежде чем перейти к следующему вопросу.

Вот часть html-шаблона, которая должна переключаться, но это не так:Вот метод handleNextQuestion:

handleNextQuestion() {
  //setting these properties should connect with the ngIf on the h2's and 
  //hide them, but its not doing that.
  this.correct = null;
  this.incorrect = null;

  this.counter += 1;
}

Свойства компонента правильные / неправильные относятся к компоненту следующим образом:

  correct = null;
  incorrect = null;

Answer 1

Это потому, что контекст this теряется, когда вы делаете setTimeout(this.handleNextQuestion, 2000);

. Вы должны изменить его на:

setTimeout(() => this.handleNextQuestion(), 2000);

Поскольку функции стрелок будут связывать контекст