Angular manipulieren @ Input-Daten in der Komponente

Question

Ich möchte Daten bearbeiten, die in einer untergeordneten Komponente übergeben wird, aber ich kann nicht auf diese Variable aus der Komponente zugreifen. Ich kann nur scheinen, die Daten von der Schablone zu erhalten. Warum ist die Datenvariable nicht innerhalb der Komponente, aber nicht in der Vorlage definiert?

Geordnete Komponente Vorlage:

//messageReceived is an array of objects 
<app-data-table [data]='messageReceived'> 

Kinderkomponente

@Input() data: any; 
constructor() {console.log(this.data)} /*This DOESN'T work. this.data is undefined 
ngOnInit() { 
    console.log(this.data) /*empty object*/ 
} 

Kinderkomponentenvorlage:

{{data | json }} <!--This DOES work--> 

Answer 1

Weil du es im Konstruktor verwenden, wenn die Komponente erst dann beginnt, aber Eingänge Initiieren sind nicht gebunden. Sie sollten

ngOnInit() { 
conosle.log(this.data) 
} 

oder

ngOnChanges(changes) { 
    console.log(changes.data); 
    if (changes.data) { 
     this.data = this.data.currentValue; 
     console.log(this.data) 
    } 
    }