Aqui, HousingAppComponent é minha classe pai e eu quero passar esse objeto de exibição para meu componente filho CoursesComponent para que eu possa exibir os membros do objeto de exibição na páginaourses.html.
export class HousingAppComponent {
views: Object[] = [
{
name: "Courses",
description: "Show the courses",
icon: "assignment"
},
{
name: "Users",
description: "Check your Progress",
icon: "account_circle"
}
];
A maneira mais fácil de passar dados para um componente filho é com associação de propriedade . A visualização de HousingAppComponent passará a views
propriedade para CoursesComponent. Veja o seguinte:
habitação-app.component.html:
<courses [someData]="views"></courses>
cursos.component.ts:
import {Component, Input} from '@angular/core';
@Component({
...
})
export class CoursesComponent {
@Input() someData: any;
}
A [someData]="views"
notação significa que você está definindo a CoursesComponent.someData
propriedade com uma expressão avaliada entre aspas. Ele é avaliado "views"
como HousingAppComponent.views
propriedade.
Este artigo é coletado da Internet.
Se houver alguma infração, entre em [email protected] Delete.
deixe-me dizer algumas palavras