Angular 2点击事件中的动态函数名称

Posted

技术标签:

【中文标题】Angular 2点击事件中的动态函数名称【英文标题】:Dynamic function name in Angular 2 click event 【发布时间】:2017-05-03 01:01:35 【问题描述】:

虽然这个答案可能很简单,但我似乎被困住了。作为 Angular 2 的初学者,我尝试了所有可能的 、[] 和 () 括号组合来实现以下目标:

<button (click)="this.action">Click me</button>

地点:

this.action = "clickMe()"

即它是一个字符串,是该组件中应在单击时执行的方法的名称。

有什么想法吗?

【问题讨论】:

【参考方案1】:

您可以使用方括号语法,如

(click)="this[action]()"

在哪里

action="clickMe"

【讨论】:

只提一下:action应该是方法名的字符串

以上是关于Angular 2点击事件中的动态函数名称的主要内容,如果未能解决你的问题,请参考以下文章

ngFor 中的 Angular 动态事件名称

警告不会出现在Ionic 2中的(点击)或(点击)事件中

angularjs 点击事件与动态追加

Angular 2如何在选项内添加点击事件?

如何将点击事件添加到打字稿中动态添加的html元素

如何在Angular中按顺序处理2个点击事件