While this answer is probably dead simple, I seem to be stuck. As an Angular 2 beginner, I have tried all possible binations 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 ponent that should be executed on click.

Any ideas?

While this answer is probably dead simple, I seem to be stuck. As an Angular 2 beginner, I have tried all possible binations 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 ponent that should be executed on click.

Any ideas?

• javascript
• angular
• ponents
• dynamic-function

1 Answer 1

You can use square bracket syntax like

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

where

action="clickMe"