Como passar dados do componente pai para o filho no Angular 4

Rahul Dagli:

Quando tento passar dados do componente pai para filho. Estou recebendo mensagem indefinida no console. Os dados estão na forma de array.

parent.component.html

<div class="section welcome-section fp-section fp-table" *ngFor="let section of sections">
    <div class="fp-tableCell">
      <app-question-card [data]="section"></app-question-card>
    </div>
  </div>

child.component.ts

@Input() data;
  question = [];
  constructor() {
    this.question = this.data;
  }

  ngOnInit() {
    console.log(this.question); //returns undefined
  }
Igor:

Você não pode fazer a atribuição no construtor porque o valor ainda não foi preenchido, ela deve ser feita da ngOnInitmesma forma que sua verificação do valor.

@Input() data;
question = [];

constructor() {
}

ngOnInit() {
  this.question = this.data;
  console.log(this.question);
}

Este artigo é coletado da Internet.

Se houver alguma infração, entre em [email protected] Delete.

editar em
0

deixe-me dizer algumas palavras

0comentários
loginDepois de participar da revisão

Artigos relacionados

Como passar dados do componente filho para o pai [Angular]

Como passar dados do componente angular filho para o pai

Como passar dados do componente filho para o componente pai no Angular4

Como passar dados únicos do componente filho para o pai?

Como passar vários dados do componente filho para o pai no Angular?

Como passar dados do componente filho (o filho tem seu próprio estado) para o pai?

Angular ExpressionChangedAfterItHasBeenCheckedError ao passar dados do componente pai para o componente filho usando o mapa

Angular4 @Input () para passar o valor do componente pai para o componente filho

Como passar dados do componente filho para seu pai no ReactJS?

Como passar dados assíncronos para o componente filho do componente pai?

Erro de HTML ao passar dados do componente pai para o componente filho no Angular

Passar dados do componente filho para o componente pai Angular2

VueJS - Como passar os dados de resposta do Axios do componente pai para o filho?

Como passar os dados do formulário do componente pai para o filho?

Como passar o valor do componente filho para o pai

Como passar dois argumentos para uma função de componente pai do componente filho angular 7?

Como posso passar os objetos do componente Pai para o componente Filho no Angular 2?

Como passar dados do componente filho para o pai usando ganchos de reação

Saiba como passar os dados do componente pai e filho para o método

Como passar dados do componente filho para o pai no React.JS?

Como passar o estado do componente pai para filho

Como passar o valor de entrada do componente pai para o filho sem usar ng no angular?

Passar dados do filho para o pai?

Angular 2 passando dados do componente pai para o filho

Como passar dados de filho para pai, se o componente dinâmico for filho

vue js como passar dados do pai, lista v-for loop para o componente filho com o método

Como passar o valor do formulário do componente filho para o componente pai

Como passar a função do componente pai para o componente filho com o tipo assingable

Passar variável do componente pai para o componente filho

TOP lista

quentelabel

Arquivo