类型为'object‘的Angular 8错误'[object Object]’。NgFor仅支持绑定到迭代对象，如数组

export class MyComponent {
  items = []; // 确保这是一个数组
}

export class MyComponent implements OnInit {
  items: any[] = [];

  constructor(private myService: MyService) {}

  ngOnInit() {
    this.myService.getData().subscribe(data => {
      this.items = data; // 假设data是一个数组
    });
  }
}

<div *ngIf="Array.isArray(items)">
  <div *ngFor="let item of items">{{ item | json }}</div>
</div>

<div>{{ items | json }}</div>

// my-component.component.ts
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit {
  items: any[] = []; // 初始化为空数组

  constructor() {}

  ngOnInit(): void {
    // 假设这是从某个服务获取数据的模拟
    setTimeout(() => {
      this.items = [
        { id: 1, name: 'Item 1' },
        { id: 2, name: 'Item 2' },
        { id: 3, name: 'Item 3' }
      ];
    }, 1000);
  }
}

<!-- my-component.component.html -->
<div *ngIf="items.length > 0">
  <div *ngFor="let item of items">
    {{ item.name }}
  </div>
</div>
<div *ngIf="items.length === 0">
  Loading...
</div>