Angular call function in foreach

Question

In my component 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 component.

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 component itself.

Does anyone have a solution for this?

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

Günter Zöchbauer · Accepted Answer · 2017-12-30 12:12:18Z

8

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.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

answered Dec 30, 2017 at 12:12

Günter Zöchbauer

662k235 gold badges2.1k silver badges1.6k bronze badges

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

4 Comments

CS_student Over a year ago

Such a simple solution! Thank you.

lbueker Over a year ago

You can also pass the component as function scope: developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions (See the lexical this part)

Günter Zöchbauer Over a year ago

@brk, sure it will.

Martin Parenteau Over a year ago

@MartineMulder - Don't forget to mark the answer as accepted (with the green check mark) if it solved your problem.

Collectives™ on Stack Overflow

Angular call function in foreach

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related