title: How to create function name from json in Angular 7
body: <p>I have to create dynamic button from json file. My JSON is as per below:  </p>
  
  <pre><code>{ button : { title : "Submit", event : "FunctionName", color : "white".... }}
  </code></pre>
  
  <p>My Component:  </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)="this[FunctionName]()"&gt;
      &lt;/div&gt;
      &lt;p&gt;{{value}}&lt;/p&gt;
    `,
  })
  
  export class App {
    FunctionName:string;
    value: string;
    constructor() {
      this.FunctionName = button.FunctionName;
    }
  
    Button.FunctionName(){ //&lt;-----How can I give name from JSON
      this.value = "button clicked";
    }
  }
  </code></pre>
  
  <blockquote>
    <p>My function name is coming from JSON file. so How can I create such
    function in my TS file?</p>
  </blockquote>
  
  <p>Enhancement of <a href="https://stackoverflow.com/questions/42106381/dynamic-function-calling-angular-2">Dynamic function calling Angular 2</a></p>