如何從Typescript文件附加HTML並在angular2中對其執行功能

Question

我正在研究angular2應用程序。

我從打字稿中追加日期字段時遇到一個問題，該字段已生成並且看上去很完美，但是我在字段單擊上執行的功能不起作用（日期選擇器將在單擊字段和事件圖標時打開）。

的HTML

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

打字稿

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

您需要為此改變方法

看來您想動態創建控件，為此，您需要點擊此鏈接

如何在Angular 2中動態添加和刪除表單字段