In my ponent I have a foreach loop that is fired when a client is selected. Inside this loop I have to call a function in the same ponent.

To do this I must use this.functionName() to call the function. But obviously this will not work inside the foreach loop since 'this' is no longer the ponent itself.

Does anyone have a solution for this?

this.clientService.selectedClient.forEach(function(client) {
    this.getIntake(); // not working
});

In my ponent I have a foreach loop that is fired when a client is selected. Inside this loop I have to call a function in the same ponent.

To do this I must use this.functionName() to call the function. But obviously this will not work inside the foreach loop since 'this' is no longer the ponent itself.

Does anyone have a solution for this?

this.clientService.selectedClient.forEach(function(client) {
    this.getIntake(); // not working
});

• javascript
• angularjs
• angular
• foreach

1 Answer 1

Use arrow functions

this.clientService.selectedClient.forEach((client) => {
    this.getIntake(); // not working
});

otherwise this will not point to the local class instance

https://developer.mozilla/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions