How to use forEach loop correctly in angular 2?

Question

I am new to Angular2 and here I am trying to loop through the array "mmEditorTypes" and checking the condition, if the condition is satisfied then I'll be executing the "open method".

But whenever i execute the below code, I am getting this error :

portalModeService: loading of portalMode threw exception:

TypeError: Cannot read property 'forEach' of undefined".

Could someone let me know how to fix this error?

porta.service.ts :

function isAppContained(viewState, appType){
      let angular:any;
      let isContained = false;
      angular.forEach(viewState.appViewStates, function (appViewState) {
        if (appViewState.signature.appType === appType) {
          isContained = true;
        }
      });
      return isContained;
    }

The question is answered but actually the error is actually because you have not initialised angular. — xpioneer
– xpioneer, Commented Apr 2, 2020 at 18:11

Javascript Hupp Technologies · Accepted Answer · 2018-01-23 06:11:36Z

11

As @Sajeetharan said you can't use angular.forEach in angular 2+

So you can use simple foreach in typescript like :

var someArray = [1, 2, 3];
someArray.forEach((item, index) => {
  console.log(item); // 1, 2, 3
  console.log(index); // 0, 1, 2
});

answered Jan 23, 2018 at 6:11

Javascript Hupp Technologies

2,1852 gold badges15 silver badges28 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2018-01-23 04:26:57Z

5

You cannot use angular.forEach with angular , its with angularjs.

use

for (let appViewState of viewState.appViewStates) {
   if (appViewState.signature.appType === appType) {
          isContained = true;
    }
}

edited Jan 23, 2018 at 4:26

answered Jan 23, 2018 at 4:24

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

3 Comments

Rajesh Dixit Over a year ago

Assuming viewState.appViewStates is an array, you can also use Array.some

Vivek Over a year ago

Thank you @Sajeetharan , Now the error is resolved after replacing it with your code , But when i am executing this code , i am getting TypeError: Cannot read property 'length' of undefined error : for(let editor of mmEditorTypes){ // mmEditorTypes.forEach(function(editor) { if (!isAppContained(viewState, editor.type)) { this.applicationLifeCycleService.open(editor.type, editor.payload); } } could you please let me know if i am doing anything wrong here ?.

Sajeetharan Over a year ago

i dont see anywhere you use length in the code yu provided

Collectives™ on Stack Overflow

How to use forEach loop correctly in angular 2?

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related