How to trigger local reference in child component from parent component in Angular 2

Question

In scenario when I have

parent component:

  <button (click)="panel.toggle($event)">Click</div>

child:

   <child></child> which has the reference

     and includes

     <p-overlayPanel  #panel>
       Content
    </p-overlayPanel>

How can I access #panel reference from parent component? PrimeNG overlay panel

Answer 1

 @ViewChild(‘panel’) panel: ParentComponent

使用@ViewChild()装饰器，您可以从父组件访问子组件

Answer 2

You can toggle: this.panel.show(); this.panel.hide();