首页 文章

如何在Angular 4中将数据从父组件传递到子组件

提问于
浏览
15

当我尝试将数据从父组件传递到子组件时 . 我在控制台中收到未定义的消息 . 数据采用数组的形式 .

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
  }

1 回答

  • 21

    您无法在构造函数中执行赋值,因为尚未填充值,它应该在 ngOnInit 中完成,就像检查值一样 .

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

相关问题