typescriptファイルからhtmlを追加し、angular2の機能を実行するには

Question

私はangular2アプリケーションを開発中です。

fieldscriptから日付フィールドを追加しているときに問題が発生しました。フィールドが生成されて完璧に見えましたが、フィールドクリックで実行した機能が動作しませんでした（日付ピッカーがフィールドとイベントアイコンをクリックすると開きます）。あなたはあなたがこれを追跡する必要があることを行うには、動的に をコントロールを作成するために抱き合わせているようです。この

へのあなたのアプローチを変更する必要が

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

リンク

How to dynamically add and remove form fields in Angular 2