String into a function call in Angular

Question

I got a function name and want to call it inside Angular class (.ts file). eval() is not an option.

I have tried using window[functionName] , but it fails, guess because window context is outside the class

Any idea?

Surjeet Bhadauriya · Accepted Answer · 2019-12-24 08:58:31Z

1

It's pretty easy. For an example getData is your function name.

getData() {
  // your code goes here...
}

functionName = 'getData'; // function name as a string

Now you can call this function like below:

this[functionName]();

answered Dec 24, 2019 at 8:58

7,2223 gold badges39 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

raj240 · Accepted Answer · 2019-12-24 09:01:25Z

0

If your function is defined in a seperate class or service import it via the constructor and invoke the function. Like this

constructor(private serv: FunctionService){
   serv.your_function();
}

Call it inside the constructor or where ever it is appropriate depending on the context. Hope this sounds meaningful.

answered Dec 24, 2019 at 9:01

raj240

6648 silver badges19 bronze badges