如何从Typescript文件附加HTML并在angular2中对其执行功能

Question

I am working on angular2 application.

I am getting one issue when I am appending date field from typescript the field was generated and looking perfect but the functionality I have performed on field click was not working(date picker will open on click on field and event icon).

HTML

<div id="specific_dates_container" class="field_area">
</div>

TYPESCRIPT

let count = document.querySelectorAll('.specific-date').length;
count += 1;
this.addCouponForm.addControl('specific_date'+count, new FormControl());

let html = "<div class='specific-date' id='specific_date"+count+"'><input placeholder='MM/DD/YYYY'  ngx-mydatepicker [options]='calendarOptions' #sd"+count+"='ngx-mydatepicker' formControlName = 'specific_date"+count+"' (click)='sd"+count+".toggleCalendar()' readonly><i class='material-icons' (click)='sd"+count+".toggleCalendar()'>event</i></div><br>";

$("#specific_dates_container").append(html);

Answer 1

You need to change your approach towards this

It seems you are tying to create controls dynamically To do that you need to follow this link

How to dynamically add and remove form fields in Angular 2