Angular ForEach in Angular4/Typescript?

Question

I see many answers about using ngFor when I search for this, but I understand ngFor. I'm asking about the angular.forEach() constructor used in my Angular 1 controllers. These are flagged as errors in TS and do not compile.

For example, I have one with a nested loop:

 _this.selectChildren = function (data, $event) {
  var parentChecked = data.checked;
  angular.forEach(_this.hierarchicalData, function (value, key) {
    angular.forEach(value.children, function (value, key) {
      value.checked = parentChecked;
    });
  });
};

What does this construct look like in Typescript for Angular 4?

_this.hierarchicalData.forEach should work.. why you need angular.forEach here. native is best :p — Pankaj Parkar
– Pankaj Parkar, Commented Jun 12, 2017 at 14:44

AntoineB · Accepted Answer · 2020-01-24 10:22:58Z

61

in angular4 foreach like that. try this.

 selectChildren(data, $event) {
      let parentChecked = data.checked;
       this.hierarchicalData.forEach(obj => {
          obj.forEach(childObj=> {
            value.checked = parentChecked;
         });
      });
    }

edited Jan 24, 2020 at 10:22

AntoineB

4,6847 gold badges31 silver badges68 bronze badges

answered Jun 12, 2017 at 14:47

Shailesh Ladumor

7,2515 gold badges44 silver badges60 bronze badges

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

2 Comments

Ranjithkumar Over a year ago

You can choose after set seeing this article.stackoverflow.com/questions/13843972/angular-js-break-foreach

Mr. B. Over a year ago

forEach, uppercase E. :-)

Mohamed Ali RACHID · Accepted Answer · 2017-06-12 14:51:30Z

15

you can try typescript's For :

selectChildren(data , $event){
   let parentChecked : boolean = data.checked;
   for(let o of this.hierarchicalData){
      for(let child of o){
         child.checked = parentChecked;
      }
   }
}

answered Jun 12, 2017 at 14:51

Mohamed Ali RACHID

3,31713 silver badges22 bronze badges

1 Comment

user663031 Over a year ago

for is not TypeScript. It's JavaScript.

Aspian · Accepted Answer · 2018-04-04 10:55:12Z

5

arrayData.forEach((key : any, val: any) => {
                        key['index'] = val + 1;

                        arrayData2.forEach((keys : any, vals :any) => {
                            if (key.group_id == keys.id) {
                                key.group_name = keys.group_name;
                            }
                        })
                    })

answered Apr 4, 2018 at 10:55

Aspian

511 silver badge2 bronze badges

Comments

IMOROU Soufiane · Accepted Answer · 2024-05-13 15:09:55Z

1

    data.forEach((element: any) => {
this.currencies = element;
}

answered May 13, 2024 at 15:09

IMOROU Soufiane

111 bronze badge

Comments

Yuvraj · Accepted Answer · 2018-12-17 16:24:44Z

-1

In Typescript use the For Each like below.

selectChildren(data, $event) {
let parentChecked = data.checked;
for(var obj in this.hierarchicalData)
    {
        for (var childObj in obj )
        {
            value.checked = parentChecked;
        }
    }
}

answered Dec 17, 2018 at 16:24

Yuvraj

4231 gold badge4 silver badges9 bronze badges

Collectives™ on Stack Overflow

Angular ForEach in Angular4/Typescript?

5 Answers 5

2 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related