Как в шаблоне вывести асинхронную переменную?

Question

[zlodiak]

В компоненте я асинхронно получаю строковое значение:

private getQuestion(id): void{
    this.questionsService.getQuestion(id).subscribe((question) => {
      this.question = question;
    });
  }

Затем пробую вывести его в шаблоне:

<h2 class="h2" [innerHTML]="question.title ? question.title : ''"></h2>

В результате переменная выводится, но в консоли выводится ошибка:

ERROR TypeError: Cannot read property 'title' of undefined
at Object.eval [as updateRenderer] (QuestionComponent.html:7)

Помогите пожалуйста от неё избавиться.

Ещё я пробовал выводить переменную так:

<h2 class="h2" [innerHTML]="question.title | async"></h2>

и так:

<h2 class="h2" [innerHTML]="question.title || ''"></h2>

и так:
<h2 class="h2" [innerHTML]="question.title?"></h2>

Answer 1

[0xD34F]

[innerHTML]="question?.title || ''"