Angular 6字符串插值不更新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
}