Dynamic function name in Angular 2 click event

Question

While this answer is probably dead simple, I seem to be stuck. As an Angular 2 beginner, I have tried all possible combinations of {}, [] and () brackets to achieve the following:

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

where:

this.action = "clickMe()"

i.e. it is a string, a name of the method in that component that should be executed on click.

Any ideas?

Answer 1

You can use square bracket syntax like

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

where

action="clickMe"