eckig 2 Zugriff untergeordnete Komponente Eigenschaft von übergeordnete Komponente

Question

Sie müssen auf Eigenschaft Kinder Element zugreifen. Parent:

<div> 
    <shipment-detail #myCarousel ></shipment-detail> 
</div> 

@Component({ 
    selector: "testProject", 
    templateUrl: "app/partials/Main.html", 
    directives: [ShipmentDetail] }) 
class AppComponent { 
    getChildrenProperty() { 
    // I want to get access to "shipment" 
    } 
} 

Kinder:

@Component({ 
    selector: "shipment-detail", 
}) 
export class ShipmentDetail { 
    shipment: Shipment; 
} 

Answer 1

die Component Interaction cookbook See. Verwenden Sie also @ViewChild() und fügen Sie eine Methode zu ShipmentDetail hinzu, die der Eltern anrufen kann, um den Versandwert abzurufen, oder greifen Sie direkt auf die Eigenschaft zu, wie ich unten zeige (weil ich faul war und keine API schreiben wollte/Methode):

@Component({ 
    selector: "testProject", 
    templateUrl: "app/partials/Main.html", 
    directives: [ShipmentDetail] 
}) 
export class AppComponent { 
    @ViewChild(ShipmentDetail) shipmentDetail:ShipmentDetail; 
    ngAfterViewInit() { 
     this.getChildProperty(); 
    } 
    getChildProperty() { 
    console.log(this.shipmentDetail.shipment); 
    } 
} 

Plunker