在 PRIME-NG GMap 信息窗口中显示组件

Question

有什么方法可以直接在 GMap 信息窗口对话框中显示组件？

I want to cahnge this html code (as string) directly by a component

Answer 1

是的，您可以使用 ViewChild 获取指向该组件的引用，例如

@ViewChild(ExampleComponent, { read: ElementRef }) exampleComponent: any;

然后您可以使用 nativeElement.innerHTML 访问它的 HTML 并在 infoWindow.setContent 函数中使用它

  handleOverlayClick(event: any) {
    this.infoWindow.setContent(this.exampleComponent.nativeElement.innerHTML);
    this.infoWindow.open(event.map, event.overlay);
    event.map.setCenter(event.overlay.getPosition());
  }

在 PRIME-NG GMap 信息窗口中显示组件

Display componnant inside PRIME-NG GMap infoWindow

google-maps

primeng

angular