Angular 2 child component refers to parent component

Question

I have an application which contains three components. Application, EditView,Dialog.

Application components contains EditView components which can contain many other EditView components and one Dialog component( if Dialog component is visible on a page).

Dialog component contains Application component. When I put that in Dialog component in declaration path:

directives:[Application]

I'am getting this error:

Unexpected directive value 'undefined' on the View of component 'Dialog'

Is it possible at all to have such structure where child component can contain component from upper level regarding some conditions?

If I drop Application component from Dialog or replace it with other components it works fine.

Zlaja

Answer 1

Putting it in the directives list won't work, but you can still have access to the parent component by having it injected in the constructor of the child directive:

constructor(@Host(Application) application: Application) {

}

And the parent component can get a live list of child components using @Query:

constructor(@Query(EditView) editViews: QueryList<EditView>){

}