Tengo un JSON local simple. Es

 { list: [{value: value, value: value ...},{},{},{},{},{},{},{}]},

entonces el JSON debería ser válido, ¿verdad? Parece que no puedo enviarlo a ngFor en mi html ... ¿Hay alguna forma de registrar lo que se genera en ngFor en el html? .. como console.log en línea o algo así? O tal vez estoy haciendo algo más mal. aquí hay un extracto de mi código:

JSON local formateado como (tiene datos reales, por supuesto …):

 { list: [{value: value, value: value ...},{},{},{},{},{},{},{}]}

list-typings.d.ts (en la misma carpeta que list.json, ¿es correcto? ¿Debería importarlo?):

 declare module "*.json" { const value: any; export interface list { id: number; name: string; age: number; interests: string; } }

Mi tabla.component.ts:

 import { Component, OnInit } from "@angular/core"; import list from "./../../assets/list.json"; console.log(list); @Component({ selector: "app-table", templateUrl: "./table.component.html", styleUrls: ["./table.component.css"], }) export class TableComponent implements OnInit { listList: any = list.arrayKey; constructor() { console.log(this.arrayKey); } ngOnInit(): void {} }

Ahora debería poder hacer *ngFor="let list of listList" y obtener todo {{list.name}} en línea en mi html, ¿verdad? He probado tantas variantes, pero no puedo obtener ningún resultado...