Я создаю компонент / директиву Angular, которая возьмет данный элемент (или его шаблон, если он будет лучше) и переместит его в другую часть DOM, сохранив при этом его привязку и события без изменений.
Используя приведенный ниже пример, я хочу, чтобы директива html-marker взяла ElementRef<any> и переместилась, чтобы использовать ее в расширении класса google.maps.overlayView, для создания собственного маркера.
<google-map>
<app-map-marker
html-marker
[position]="position"
(click)="onMarkerClick($event)"
></app-map-marker>
</google-map>
Этот подход работает, но кажется небезопасным. Это может быть небезопасно по своей природе, но возможно , есть какой-то известный безопасный метод. Вопрос: есть ли более безопасный метод, сохраняя обязательность?