要正确获取响应并填充后端数组，但是Angular的HTML组件只看到空数组，可以尝试以下解决方法：

1. 使用异步管道：在组件的 HTML 模板中，使用异步管道来处理获取响应的异步操作。确保在管道中使用 async 关键字。

  {{ item }}

2. 使用订阅：在组件的 TypeScript 代码中，订阅获取响应的 Observable，并将结果赋给后端数组。

// 在组件中定义后端数组
backendArray: any[];

// 在获取响应的方法中订阅 Observable
getResponse() {
  this.backendService.getResponse().subscribe(
    (response) => {
      this.backendArray = response;
    },
    (error) => {
      console.error(error);
    }
  );
}

3. 使用订阅和 NgZone：有时候，Angular 的变化检测可能会导致异步操作的结果无法正确显示。在这种情况下，可以使用 NgZone 来确保更改在 Angular 的变化检测周期内被检测到。

import { NgZone } from '@angular/core';

constructor(private ngZone: NgZone) {}

// 在获取响应的方法中使用 NgZone
getResponse() {
  this.backendService.getResponse().subscribe(
    (response) => {
      this.ngZone.run(() => {
        this.backendArray = response;
      });
    },
    (error) => {
      console.error(error);
    }
  );
}

这些方法可以确保正确获取响应并填充后端数组，并且在 Angular 的 HTML 组件中正确显示。