外部javascript lib foot footを使用しているときにangle 2のclickイベントを失う

Question

angle 2の外部ライブラリfootable（反応テーブルの場合）を使用している間に、すべてのイベントバインディング（クリック）が失われています。 試行ngZone、ChangeDetectorRef、ApplicationRef。すべての失われた角の出来事を縛ることができない結果はありません。

以下は私のコードスニペットを書きました。APIを呼び出した後、リストを取得して* ngforを使用してテーブルを作成します。

しかし、Footable.init（）の後にdeactivateHospital（）メソッドのバインディングが失われています。私がclickイベントを使用しようとすると、deactivateHospital（）が機能しません。私がfootableをコメントすると、私のコードは正常に動作します。どのように私のdeactivateHospital（）を戻してバインドするか考えていますか？私は、外部のJavaScriptライブラリがいくつかの問題を引き起こしていることを知っています。このための解決策はありますか？

plnkr追加：http://plnkr.co/edit/Np2ooN2M07pyVrQiM0Tv?p=preview

<tr data-expanded="true" *ngFor="let hospital of hospitalList"> 
     <td class="hospital-name">{{hospital.name}}</td> 
     <td ><span class="ha-name">{{hospital.admin}}</span><br><span class="ha-id">{{hospital.emailId}}</span> 
     </td> 
     <td>{{hospital.hsa_count}}</td> 
     <td>{{hospital.pcm_count}}</td> 
     <td>{{hospital.pcv_count}}</td> 
     <td>{{hospital.surgeons_count}}</td> 
     <td>{{hospital.prefcards_count}}</td> 
     <td class="active-status"><span class="active-bubble" ></span> 
Active 
     <span class="dropdown"> 
      <span class="dropdown-toggle mr-l-10" type="button" data- 
toggle="dropdown"> 
      <span class="glyphicon glyphicon-chevron-down"></span></span> 
      <ul class="dropdown-menu"> 
      <li ><a (click)="deactivateHospital(hospital.id)" ><span 
class="active-bubble"></span> Inactive </a></li> 
      </ul> 
     </span> 
     </td> 
    </tr> 

//角度コード

this.hospitalList = data["hospitals"]; 
     console.log(this.hospitalList); 
     setTimeout(()=>{ 
     FooTable.init($('.table'),{},()=>{ 
     console.log('hi..'); 
     }); 
    },0); 

    deactivateHospital(id){ 
    console.log('id',id); 
    } 

Answer 1

を私はFooTableで角度4と5で同じ問題がありました。しかし、タグをボタンに変更すると、タグが再び動作するようになりました。私はボタンのように見えるようにスタイリングしました。この種の問題では

.footablebutton { 
background:none!important; 
color:#337ab7; 
border:none; 
padding:0!important; 
font: inherit; 
cursor: pointer; } 

.footablebutton :hover { 
color:#23527c; }