Ionic 4 - кнопка, созданная с помощью Jquery, не вызывает событие

Я использую Ionic 4 в своем проекте, где я использую Jquery, на странице html я создал кнопку со следующим кодом:

<ion-button (click) = "event1()">EVENT1 < / ion-button>

на странице .ts я создал функцию, которая выполняет добавление внутри div, то есть каждый раз, когда я нажимаю кнопку event1, создается новый ввод.

event1 () {
//i remove the appends codes and bla bla bla
<div> <div> </ div> <div id = "goku" (click) = "event2 ()" <div class = > </ ion-button> </ div>
}

который работает и создает входы с помощью кнопки рядом с ним.

но когда я нажимаю кнопку, которая пришла вместе с вводом, я должен вызвать event2

в моем файле .ts ниже event1 я создал функцию

event2 () {
alert ('Hi i am Goku')
}

но никакое событие не вызывается, как и не отображается ошибка на консоли.

но если вы создадите его вручную в html-файле,

событие вызывается без проблем.