在overlayPanel in.ts 上进行切换操作

Question

我需要对元素进行切换操作：

   <p-overlayPanel #panel>...

我必须将其放入我的 .ts 代码中：

    @ViewChild('panel') someInput: ElementRef;
this.someInput.toggle()

之后我不知道我必须做什么？有人可以帮助我吗？

Answer 1

您可以像这样获取overlayPanel组件的引用

 @ViewChild('panel',{static:true}) panel: OverlayPanel;

然后您可以调用切换或显示方法，但这些方法需要浏览器事件或目标元素来对齐面板

 @ViewChild('elm',{static:true}) elm: ElementRef;

然后你可以像这样调用切换方法

 ngOnInit(){
   this.panel.toggle(null,this.elm.nativeElement)
 }

演示