javascript - Angular 4 动态添加点击事件

Question

我需要动态添加点击事件到div标签:

<div *ngIf="item.click">
    <div (click)="item.click" >{{item.name}} (should trigger( {{item.click}})</div>
</div>

我的对象看起来像这样:

item: {name: 'Action', click: '_actionService.triggerAction()'}

运行代码时没有收到任何错误，但点击事件似乎尚未创建。

有什么建议吗？

Answer 1

我没有发现添加动态点击有任何问题。但是，您的项目应该类似于:

item: {name: 'Action', click: '_actionService.triggerAction'}

因此，项目中的单击属性是函数而不是结果。 _actionService.triggerAction()>>> _actionService.triggerAction

然后 html 应该是这样的:

<div (click)="item.click.call()" >

希望对您有帮助!

这是我尝试过的实际代码:

组件:

 ... implements OnInit {

  public item: any = { name: 'name', click: () => { console.log('Some clcik has happened') } }

...

html:

<div (click)="item.click.call()"></div>