找不到类型 'object' 的不同支持对象“[object Object]”。吴福尔 Angular 9

Question

我尝试了很多解决方案 none，但都不起作用。请帮我解决这个问题。我需要遍历 JSON 个对象。下面是我尝试过的和我的 JSON 代码。我可以在 tr 标签中打印 Section 名称，但我无法在 tr 标签中打印 School 对象名称。

service.ts

  getSections(): Observable<Section> {
     return this.http
      .get<Section>(this.apiUrl + 'sections/all')
      .pipe(
      retry(2),
       catchError(this.handleError),
      );
  }

Component.ts

 getSections() {
  this.service.getSections().subscribe(response => {
  Object.assign(this.sectionData, response);
  console.log(response);
  });
}

component.html

   <table class="table table-hover">
    <thead class="thead-light">
    <tr>
      <th>#</th>
      <th>Section Name</th>
      <th>School Name</th>
    </tr>
    </thead>
    <tr *ngFor="let pro of sectionData ;let i=index">
      <td [hidden]="true">{{pro.sectionID}}</td>
      <td>{{i + 1}}</td>
      <td>{{pro.Name}}</td>
      <ng-container *ngFor="let sch of pro.School">
        <td>{{sch.Name}}</td>
      </ng-container>
    </tr>
  </table>

我的JSON

[{
"$id": "1",
"SectionID": 1,
"SchoolID": 6,
"Name": "Grade 1",
"Active": true,
"Tstamp": null,
"Classes": [],
"School": {
    "$id": "2",
    "SchoolID": 6,
    "Name": "Yalpanam",
    "AlternativeName": "سصر ءصيص",
    "TelephoneNumber": "16556489",
    "URL": "",
    "EmailID": "",
    "Longitude": null,
    "Latitude": null,
    "Active": true,
    "Tstamp": null,
    "ClassSections": [],
    "NonStaffs": [],
    "Principals": [],
    "Students": []
}
}]

我得到的错误是 Error Msg

Answer 1

在您 JSON 中，School 不是一个数组 - 它是一个对象。所以你不能迭代它。要解决此问题，请在您的标记更改中：

  <ng-container *ngFor="let sch of pro.School">
    <td>{{sch.Name}}</td>
  </ng-container>

简单地

  <td>{{pro.School?.Name}}</td>

找不到类型 'object' 的不同支持对象“[object Object]”。吴福尔 Angular 9

Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor Angular 9

json

angular

api

asp.net-web-api

angular9