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

Question

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

我想通过组件直接更改这个html代码(作为字符串(

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());
}