Angular 8 Функция запуска всплывающего окна Leaflet из всплывающих элементов

Question

Я знаю, что эта топика c обсуждалась снова и снова в стековых вопросах, простите за мое невежество, так как это слишком усложнило мой уровень навыков.

Все, что я хочу сделать, это нажать на ссылку или кнопку во всплывающем окне листовки, чтобы вызвать функцию (моя цель - открыть диалог с помощью этой кнопки)

Я видел очень мало примеров. используя машинопись и не смог адаптировать большинство javascript.

Вот последнее, что я попробовал:

this.map.on('contextmenu', (e) => {
const content = L.DomUtil.create('div', 'content');
L.DomEvent.on(content, 'click', (event) => {
  console.log('test');
});
const popup = L.popup().setContent(content).setLatLng(e.latlng);
this.map.openPopup(popup);
});
}

Любое предложение о том, как установить содержимое всплывающего окна в Typescript для вызова функции, приветствуется

Answer 1

Наконец, я смог найти способ решить это. Для тех, кто, как я, застрял в этой проблеме, вы можете попробовать следующее:

const popup = L.popup().setContent('<button id="button-submit" type="button">Add Marker</button>').setLatLng(e.latlng);
this.map.openPopup(popup);
const buttonSubmit = L.DomUtil.get('button-submit');
L.DomEvent.addListener(buttonSubmit, 'click', (ee) => {
this.logTest();
});