how to write html with jquery inside angular

Due to certain dependencies I have to write some html code using using jquery like this inside my component.ts file:

 var serial = '<td><label for="SN_' + this.prevRowCount + '" (mouseenter)="testFunc();" (mouseleave)="toolTipClear(this);">Serial Number:</label><input id="SN_' + this.prevRowCount + '" size="15" name="SN_' + this.prevRowCount + '" type="text" value="" /></td>';

In this I am trying to call testFunc() on mouse enter event:

testFunc(){
console.log('Inside this test fucntion---> ')

}

But this function is not being called. How can I implement this?
Also if I want to pass the element reference using $event, is it possible?