javascript - Angular 2单击事件中的动态函数名称

标签 javascript angular components dynamic-function

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

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

哪里:

this.action = "clickMe()"

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

有什么想法吗?

最佳答案

你可以使用像这样的方括号语法

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

在哪里

action="clickMe"

关于javascript - Angular 2单击事件中的动态函数名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41197821/

相关文章:

javascript - 分配 Object.prototype 会导致 jQuery 出现问题

vue.js - Vue 3 Composition API 在多个组件中重用

angular - npm 运行构建 :ssr does not work in angular 8

javascript - 如何使用 ngModelChange 过滤 Angular 4 中的对象值?

.net - 明确的控制措施不会将其处置-有什么风险?

database - 写入 joomla 组件中的多个表?

javascript - Ngrx store dispatch 不接受字符串作为参数

javascript - 无法获取我在 javascript 中设置的标签的值

javascript - 使用图案覆盖 Canvas 中的路径

angular - 如何使用AngularDart构建脱机支持的Web应用程序