角2親コンポーネントをチェックする子コンポーネント

Question

達成したいのは、どのコンポーネントがその親コン​​ポーネントであるかに基づいて、コンポーネントの動作が異なることです。したがって、以下の2つの状況では、子供はわずかに異なる行動をします。私はngAfterViewInit本家以下

constructor(
    el: ElementRef) { 
     this.el = el; 
    } 

    ngAfterViewInit() { 
    const hostElem = this.el.nativeElement; 
    console.log(hostElem); 
    console.log(hostElem.children); 
    console.log(hostElem.parentNode); 
    } 

を実行しようとしました

例

<parent-a> 
<child></child> 
</parent-a> 

例B

<parent-b> 
<child></child> 
</parent-b> 

が私のために少し遅れている、私はまだ上のヌルましたparentNode

そのようなことを達成する方法はありますか？

Answer 1

実際のコンポーネント（ノード要素ではない）が必要な場合は、インジェクタを使用できます。

constructor(private parentB: ParentBComponent){ 
} 

ngAfterViewInit() { 
    this.parentB.someMethod() 
} 

あなたは、いずれかを注入基本コンポーネントを定義し、それから、両方parent-aとparent-b継承を持つことができるようにしたい場合は、parent-aとparent-bを持って注意してください。それがどのように動作するかをしません

constructor(@Optional() private parentB?: ParentBComponent){ 
}