Angular 6 String интерполяция не обновляет DOM, тогда как innerHTML делает

Question

У меня есть страница событий и страница сведений о событиях.

Когда я размещаю <h1>{{ Eventinfo.EventTitle }}</h1> для отображения заголовка, DOM не обновляется с новым заголовком.Однако, когда я использую <h1 [innerHTML]="Eventinfo.EventTitle"></h1>, я получаю заголовок обновления в теге H1.

Почему интерполяция строк <h1>{{ Eventinfo.EventTitle }}</h1> не работает?

Answer 1

попробуйте консоль в этой функции и ответьте с любыми данными, которые вы получаете в консоли

public getEventInfo(id) 
{
     this.apiService.getEventInfo(id).subscribe((data : any) => {
         this.Eventinfo       =   data.events.results[0];
     });
     console.log(this.Eventinfo); //view data in console
}