在overlayPanel上做切换操作in.ts

Question

我需要对一个元素进行切换操作:

   <p-overlayPanel #panel>...

我必须把它放在我的.ts代码中：

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

然后我不知道我必须做什么？谁能帮帮我？

Answer 1

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

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

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

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

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

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

do toggle operation onoverlayPanel in.ts