將html附加到div javascript並將typescript函數綁定到（click）事件不起作用

Question

我有一個外部javascript文件，並且有一個將HTML附加到siteLayoutComponent.html DIV的函數，如下代碼：

function LoadNotificationData(data) {
        $("#lstNotification").append(' <li id="' + data.id + '"><a (click)="logout()"><i class="fa fa-sign-out fa-fw" "></i>' + data.subject + '</a></li> <li id="dv' + data.id + '" class="divider"></li>')     
}

siteLayoutComponent.ts中的注銷功能

logout() {    
this.router.navigate(['/login']);
}

檢查生成的代碼后，我們可以意識到該事件未以正確的方式呈現，我需要在附加的HTML中動態執行此綁定。 有任何想法嗎

Answer 1

我寧願使用angular2指令而不是jquery append，因為這是在angular2中工作的正確方法，例如：

//可能是json列表或列出了this.data = [{id：1212，subject：“ login”}，{id：1212，subject：“ logout”}]];

您可以從該變量中推送數據，並代表該數據變量創建清單，如附件屏幕截圖所示。

謝謝