アングル2親コンポーネントクラスの子コンポーネントオブジェクトにアクセスする

Question

プロパティの子要素にアクセスする必要があります。

親：

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

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

子供：

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

Answer 1

@ViewChildと@ViewChildrenデコレータは、子コンポーネントのクラスへのアクセスを提供します。

@Component({ 
    selector: "testProject", 
    templateUrl: "app/partials/Main.html") 
class AppComponent { 

    @ViewChild(ShipmentDetail) ShipDetails: ShipmentDetail; 

    getChildrenProperty() { 
     console.log(this.ShipDetails.shipment); 
    } 
} 

@ViewChildは、子コンポーネントの名前が必要ですクラスを入力として使用し、そのse親コンポーネントのlector。

あなたの場合はShipmentDetailである必要があります。