Angular 2+ add dynamically html text on div with “onChange” function

Question

I've developed an app that dynamically changes the HTML text in a div element as soon as the value in the select element changes.

In HTML:

<div id="update"></div>

In Typescript:

$('#update').html(`<input type="file" (change)="onFileChanged($event)">`

It works. When I select a file, the function is not called.

Answer 1

Try this;

var html = $compile('<input type="file" (change)="onFileChanged($event)"')($scope);
 $('#update').html(html);

Answer 2

Remove jquery code and set a flag for a div. When user click on button the flag should be change. according to flag status you can set your text.