me de este error <code>Property &#x27;productos&#x27; does not exist on type &#x27;AppComponent&#x27;. Did you mean &#x27;products&#x27;?...

Arturo Baduna

Arturo Baduna

Pregunta
studenthace 3 años

me de este error

Property 'productos' does not exist on type 'AppComponent'. Did you mean 'products'? <app-producto [miproducto]="productos" *ngFor="let prod of products"></app-producto>
export class ProductoComponent implements OnInit { @Input("miproducto") productos: Producto = { id: "", name:"", precio: 0, image:"" } constructor() { } ngOnInit(): void { } }```
1 respuestas
para escribir tu comentario
    Javier Marin Ayza

    Javier Marin Ayza

    studenthace 2 años

    Ten en cuenta que se coge el array de productos y se ejecuta el ngFor, con el ngFor utilizas la variable "prod" para almacenar cada objeto del array, y es esa variable la que le envías al hijo. Entonces quedaría así:

    <app-producto [miproducto]="prod" *ngFor="let prod of products"></app-producto>
Curso de Angular: Componentes y Servicios

Curso de Angular: Componentes y Servicios

Desarrolla aplicaciones escalables con Angular, aprendiendo sobre componentes, servicios y la gestión del estado. Crea un e-commerce práctico desde el uso de Inputs, Outputs y Pipes hasta la reactividad avanzada con servicios.

Curso de Angular: Componentes y Servicios
Curso de Angular: Componentes y Servicios

Curso de Angular: Componentes y Servicios

Desarrolla aplicaciones escalables con Angular, aprendiendo sobre componentes, servicios y la gestión del estado. Crea un e-commerce práctico desde el uso de Inputs, Outputs y Pipes hasta la reactividad avanzada con servicios.