сделать операцию переключения onoverlayPanel 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)
 }

demo ?