收到此错误找不到类型为“对象”的其他支持对象“ [对象对象]”。 NgFor仅支持绑定到可迭代对象，例如数组

Question

得到这个错误的帮助，想要在前端显示数据，数据存储在dynamodb本地数据库中，我使用get API调用。

display.component.html文件

  <tbody>
      <h1> Testing</h1>

      <tr *ngFor="let thread of threads " >
          <td>{{ thread.threadId }}</td>
          <td>{{ thread.threadType }}</td>
          <td>{{ thread.createDate }}</td>
          <td>{{ thread.updateDate }}</td>
          <td>{{ thread.channelName }}</td>
      </tr>

  </tbody>

display.component.ts文件

  threads : thread[];

  constructor(private bs: DataService) { }

  ngOnInit() {
    this.bs.getthreads().subscribe((data: thread[]) => {
        this.threads = data;
    });
  }
}

data.service.ts

export class DataService {

  uri = 'http://localhost:4000/data';

  constructor(private http: HttpClient) { }

  getthreads() {
    return this
           .http
           .get(`${this.uri}`);
  }
}

Answer 1

请尝试这个。

 getthreads() {
    return this
           .http
           .get(`${this.uri}`)
           .map(result=>result["Items"]);
 }