相关疑难解决方法(0)

Angular2 - 在动态添加的HTML中捕获/订阅(单击)事件

我正在尝试将包含(click)事件的字符串注入Angular2模板.在加载DOM之后,很多字符串是从后端动态检索的.毫不奇怪Angular不会识别注入的(click)事件.

示例模板:

<div [innerHTML]="test"></div>
Run Code Online (Sandbox Code Playgroud)

后端给出的示例字符串:

var test = "When ready, <span (click)=\"itemClick($event)\">click me</span>."
Run Code Online (Sandbox Code Playgroud)

Angular组件中的函数调用示例:

itemClick(event) {
   debugger;
}
Run Code Online (Sandbox Code Playgroud)


我的下一个猜测是尝试使用Angular订阅或捕获一个普通的javascript事件,因此该字符串将是:

var test = "When ready, <span onClick=\"itemClick($event)\">click me</span>."
Run Code Online (Sandbox Code Playgroud)

果然,我得到一个错误itemClick is not defined,所以我知道它正在寻找那个javascript函数.

所以问题:我怎样才能让Angular2订阅这个事件或函数?

javascript events try-catch subscribe angular

7
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

events ×1

javascript ×1

subscribe ×1

try-catch ×1