нг-отражение-нг-для-из Angular 9

Question

Я пытался сделать * ngFor, но выглядело это так: ng-refle-ng-for-of. При использовании консольного журнала переменная работает хорошо.

Код html:

<table class="table">
  <thead class="thead-dark">
    <tr>
      <th *ngFor="let cabecera of cabeceras">hello {{ cabecara }}</th>
    </tr>
  </thead>
</table>

Код .ts:

import { Component, OnInit, Input } from '@angular/core';
import { ProductoService } from '../../services/Producto.Service';


@Component({
  selector: 'tabla-producto',
  templateUrl: './tabla-producto.component.html'
})

export class TablaProductoComponent implements OnInit { 

cabeceras: string[];

@Input()  productos: any[] = [];


  constructor(private producto: ProductoService) {
    this.cabeceras = ['Id Producto', 'Nombre', 'Precio', 'Stock', 'Nombre Categoria'];
  }


  // Todo lo que pongamos aquí abajo, se ejecutará al cargar la página
  ngOnInit(){
    this.producto.getProducto().subscribe((data: any) => {
     // console.log("imprime objeto data")
     // console.log(data);
      this.productos = data;

      console.log("imprime objeto productos")
      console.log(this.productos);
    });
  }

}

Изображение консоли

Answer 1

У вас есть опечатка

<table class="table">
  <thead class="thead-dark">
    <tr>
      <th *ngFor="let cabecera of cabeceras">hello {{ cabecara }}</th>
    </tr>
  </thead>
</table>

вы написали cabecara, а не cabecera