पैरेंट घटक

Question

से कोणीय 2 एक्सेस बाल घटक संपत्ति संपत्ति बच्चों के तत्व तक पहुंच की आवश्यकता है। जनक:

<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" 
    } 
} 

बच्चे:

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

Answer 1

Component Interaction cookbook देखें। तो, @ViewChild() का उपयोग करें और शिपमेंटडिमेंट में एक विधि जोड़ें कि माता-पिता शिपमेंट मान को पुनर्प्राप्त करने के लिए कॉल कर सकते हैं, या नीचे दिखाए गए अनुसार सीधे संपत्ति तक पहुंच सकते हैं (क्योंकि मैं आलसी था और एपीआई/विधि):

@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