如何从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();