如何從Angular 2中的父組件觸發子組件中的本地引用

Question

在我有的情況下

父組件：

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

孩子：

   <child></child> which has the reference

     and includes

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

如何從父組件訪問#panel 引用？ PrimeNG 覆蓋面板

Answer 1

 @ViewChild(‘panel’) panel: ParentComponent

使用@ViewChild()裝飾器，您可以從父組件訪問子組件

Answer 2

您可以切換： this.panel.show(); this.panel.hide();