如何在Angular中将html http响应渲染到新页面或新组件？

import { HttpClient } from '@angular/common/http';
import { Router } from '@angular/router';

constructor(private http: HttpClient, private router: Router) { }

renderResponse() {
  this.http.get('your-api-url').subscribe((response: any) => {
    // 在这里处理响应数据
    // 可以将响应数据存储在组件的属性中，以便在模板中使用
    // 例如：this.responseData = response;

    // 导航到新页面或新组件
    this.router.navigate(['your-route']);
  });
}

<button (click)="renderResponse()">渲染响应</button>