javascript - 将 html 附加到 div javascript 并将 typescript 函数绑定(bind)到(单击)事件不起作用

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 中动态执行此绑定(bind)。任何想法

Answer 1

我更喜欢使用 Angular2 指令而不是 jquery 附加，因为这是在 Angular2 中工作的正确方法，例如:

//可能是 json 列表或列表this.data = [{id:1212,subject:"登录"},{id:1212,subject:"登出"}];

您可以从该变量中推送数据，并代表该数据变量，您可以创建列表，如所附屏幕截图中所示。

谢谢