Ошибка при получении дочерним компонентом данных от родительского компонента

Question

Я передал данные выпускного родительского ребенка

`<tag-editor[item]="item"></tag-editor>`

Элемент здесь имеет данные

Дочерний компонент:

export class TagEditorComponent implements  OnInit, OnChanges {
@Input() private item: Tag;
ngOnInit() {
  console.log(this.item)
}
ngOnChanges() {
  console.log(this.item)
}

Но я получил только 2 undefined,

Как я могу это исправить?

Answer 1

//Try this : 
import {OnInit, SimpleChanges, OnChanges} from '@angular/core';
export class TagEditorComponent implements  OnInit, OnChanges {
@Input() private item: Tag;
ngOnInit() {
  console.log(this.item)
}
ngOnChanges(changes : SimpleChanges) {
  if(typeof changes['item'] !== 'undefined'){
  console.log(this.item)
  }
}