Angular JS - angular.forEach - How to get key of the object?

Question

I have JSON object like below

{
    "txt_inc_Application": {
        "EWS": true,
        "EWindow": true
    },
    "txt_inc_IncidentType": {
        "Brand Damage": true,
        "Internal failure": true
    }
}

And I am using angular.forEach to get the values

$scope.filterFormula=function() {
    angular.forEach($scope.filters, function(filterObj , filterIndex) {
        angular.forEach(filterObj, function(value , key) {
            console.log(value+"--"+key)
        })
    })
}

How can i get "txt_inc_Application" and "txt_inc_IncidentType" in the loop?

Also when call the angular function in html like below why it is getting executed twice?

{{filterFormula()}}

enter image description here

try $scope.filterFormula=function() { angular.forEach($scope.filters, function(filterObj , filterIndex) { angular.forEach(filterObj, function(value , key) { console.log(filterIndex) }) }) } — Tyro Hunter
– Tyro Hunter, Commented Aug 23, 2013 at 6:35
Bindings are called at least once per apply-digest cycle. AngularJS keeps checking all bindings until nothing has changed in a cycle. So if it checks filterFormula, and something in the model changes in the same cycle, it will be called again! And again! And again! Up to 10 times until you get the error 10 $digest iterations reached. — Steve Klösters
– Steve Klösters, Commented Aug 23, 2013 at 6:46
Thanks. Silly me. I dont know why I ignored that. Also any idea why filterFormula function is getting executed twice? I can see console .log is printed twice. — Saravanan
– Saravanan, Commented Aug 23, 2013 at 6:47
My comment describes why you get this behaviour! AngularJS must call it again to see if the model has changed. — Steve Klösters
– Steve Klösters, Commented Aug 23, 2013 at 6:59

Anurag Ramdasan · Accepted Answer · 2014-01-22 04:10:59Z

48

The first parameter to the iterator in forEach is the value and second is the key of the object.

angular.forEach(objectToIterate, function(value, key) {
    /* do something for all key: value pairs */
});

In your example, the outer forEach is actually:

angular.forEach($scope.filters, function(filterObj , filterKey)

edited Jan 22, 2014 at 4:10

Anurag Ramdasan

4,3305 gold badges34 silver badges53 bronze badges

answered Aug 23, 2013 at 6:43

0xc0de

8,3575 gold badges52 silver badges78 bronze badges

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

Comments

DerMike · Accepted Answer · 2017-07-28 14:20:03Z

2

var obj = {name: 'Krishna', gender: 'male'};
angular.forEach(obj, function(value, key) {
    console.log(key + ': ' + value);
});

yields the attributes of obj with their respective values:

name: Krishna
gender: male

edited Jul 28, 2017 at 14:20

DerMike

16.3k14 gold badges58 silver badges64 bronze badges

answered Mar 18, 2017 at 12:29

Krish Jackman

1211 silver badge4 bronze badges

2 Comments

Toby Speight Over a year ago

Welcome to Stack Overflow! Whilst this code snippet is welcome, and may provide some help, it would be greatly improved if it included an explanation of how and why this solves the problem. Remember that you are answering the question for readers in the future, not just the person asking now! Please edit your answer to add explanation, and give an indication of what limitations and assumptions apply.

shoonya ek Over a year ago

Yields is a misleading verb here, your code is not yielding anything here, just logging to console.

Collectives™ on Stack Overflow

Angular JS - angular.forEach - How to get key of the object?

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related