找不到類型為“object”的不同支持對象“[object Object]”。 NgFor 僅支持綁定到 Iterables，例如 Angular 中的數組

Question

當我嘗試根據 id 更新數據時無法迭代表單字段中的數據，請查看屏幕截圖以獲取更多詳細信息

錯誤預覽

Answer 1

遍歷 ngFor 數據必須采用數組的形式

html.component.html

<div *ngFor = "let title of fetchData">
  {{title.title}} -- {{title.description}} -- {{title.tagline}} {{title.date}}
</div>

html.component.ts

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {

  fetchData = [{"title":"saurabh","description":"dd","tagline":"tt","date":"dd"},{"title":"aman","description":"dd","tagline":"tt","date":"dd"},{"title":"jessica","description":"dd","tagline":"tt","date":"dd"},{"title":"rosh","description":"dd","tagline":"tt","date":"dd"}];


}