如何将动态XHR内容动态导入模板？

Question

[我使用下面的代码来获取我的Dashboard HTML数据，该代码在单击按钮时执行：

fetchDashboard() {
    const requestOptions: Object = {
      headers: new HttpHeaders().append('Authorization', 'Bearer <tokenhere>'),
      responseType: 'text'
    }
    this.http.get<string>('http://localhost:3000/avior/dashboard',
        requestOptions)
            .subscribe(response => {
                   this.dashboardData = response;
            }
    );
}

我有多个组件来设置我的视图，我想从头开始完全修改其中一个视图以包含获取的内容，我该怎么做？

按照推荐的here，我尝试使用<div [innerHtml]="this.dashboardData"></div>无济于事。

Answer 1

<div [innerHtml]="this.dashboardData"></div>