title: Dynamic function calling Angular 2
body: <p>I have function name in a variable and I am assigning that variable on click event of button. but it is not working. Any Help?</p>
  
  <pre><code>@Component({
    selector: 'my-app',
    template: `
      &lt;div&gt;
      &lt;h2&gt;Function name is: {{FunctionName}}&lt;/h2&gt;
      &lt;input type="button" value="click here" (click) = [FunctionName]()&gt;
      &lt;/div&gt;
      &lt;p&gt;{{value}}&lt;/p&gt;
    `,
  })
  export class App {
    FunctionName:string;
    value: string;
    constructor() {
      this.FunctionName = 'clickFunction'
    }
  
    clickFunction(){
      this.value = "button clicked";
    }
  }
  </code></pre>
  
  <p>Here is the code</p>
  
  <p><a href="https://plnkr.co/edit/kVguXrPQ1V9y45HjXenI?p=info" rel="noreferrer">Plunker Code</a></p>