Question

嗨，我正在使用Angular 7

我创建了服务user-report.service.ts get方法无法在浏览器中打印

getReport() {
        /*this.http.get(`${this.apiUrl}/report`)
            .subscribe(res => console.log(res._body));*/
        return this
           .http
           .get(`${this.apiUrl}/report`);
    }

user-report.component.ts

getReport() {
        this.userReport.getReport()
            .subscribe((data: UserReport[]) => {
            this.reports = data;
            console.log(data);
    });
    }

模板

<table class="table table-hover">
  <thead>
  <tr>
      <td>User Name</td>
      <td>Created Date</td>
      <td>Updated Date</td>
      <td>Time</td>
      <td>Status</td>
  </tr>
  </thead>

  <tbody>
      <tr *ngFor="let report of reports">
          <td>{{ report.username }}</td>
          <td>{{ report.created_date }}</td>
          <td>{{ report.updated_date }}</td>
          <td>{{ report.time }}</td>
          <td>{{ report.status }}</td>

      </tr>
  </tbody>
</table>

但是我遇到这样的错误

错误错误：找不到类型为'object'的其他支持对象'Response with status：200 OK for URL：http://localhost:3000/report'。 NgFor仅支持绑定到数组等Iterable。

我不知道是什么问题

Answer 1

简单的修复方法可以将单个报告转换为数组：

getReport() {
        this.userReport.getReport()
            .subscribe((data: UserReport) => {
            this.reports = [data];
            console.log(data);
    });
    }

找不到不同的支撑对象角度7

1 个答案: