Angular 2: Kind-Objekt mit verschachtelten Objekt Komponentenobjekt

Question

I verschachtelt sind vorbei

data: { 
    nestedData: { 
    title: 'string' 
    } 
}; 

ich diese Daten an untergeordnete Komponente

über Eigenschaft übergeben

<child-component [data]="data"></child-component> 

Kinderkomponentencode:

import {Component, Input} from 'angular2/core'; 

@Component({ 
    selector: 'cp-header', 
    template: '<div>{{ data.nestedData.nestedData }}</div>', 
    styleUrls: ['app/header/header.component.css'] 
}) 
export class ChildComponent { 
    @Input() data; 
} 

Wenn ich dann versuche, auf Objekteigenschaft in Vorlage zuzugreifen, habe ich einen Fehler bekommen;

Answer 1

Versuchen Sie es mit elvis Operator in Ihrem HTML: data?.nestedData?.title.

Sie sollten auch @Input data zu @Input() data ändern.

Answer 2

Sie können nicht auf Eingaben im Konstruktor zugreifen. Sie werden nur gesetzt, bevor ngOnInit aufgerufen:

export class ChildComponent { 
    @Input data; 

    constructor() { 
    console.log(this.data); // here it prints `null` 
    } 

    ngOnInit() { 
    console.log(this.data); // here it prints the actual value 
    } 
}