angular foreach update object property

Question

So am using angular foreach as below

        $scope.section = [{
      "id": 1,
      "name": "name1",
      "value": "foo1"
    },
    {
      "id": 2,
      "name": "name 2",
      "value": "foo2"
    }]

    angular.forEach(section, function(item, key) {
        if(item.value)  {
            item.value = 'Some New value'
            }
    });

For some reason it doesnt work plus if I try to manipulate I get an error about duplicate value

Anik Islam Abhi · Accepted Answer · 2016-05-04 09:29:08Z

3

Convert this

angular.forEach(section, function(item, key) {

To this

angular.forEach($scope.section, function(item, key) {

DEMO

answered May 4, 2016 at 9:29

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

Comments

Quentin Boussard · Accepted Answer · 2016-05-04 09:33:26Z

2

This work for me, i just add scope.section on the forEach

 $scope.section = [{
      "id": 1,
      "name": "name1",
      "value": "foo1"
    },
    {
      "id": 2,
      "name": "name 2",
      "value": "foo2"
    }]
angular.forEach($scope.section, function(item, key) {
    if(item.value)  {
        item.value = 'Some New value';
        console.log('new value');
        }
});

answered May 4, 2016 at 9:33

Quentin Boussard

601 silver badge10 bronze badges

Comments

byteC0de · Accepted Answer · 2016-05-04 09:30:05Z

You are forgot add $scope in object

var jimApp = angular.module("mainApp",  []);

jimApp.controller('mainCtrl', function($scope){
  
  $scope.section = [{ "id": 1, "name": "name1", "value": "foo1" },
                    { "id": 2, "name": "name 2", "value": "foo2" }];

    angular.forEach($scope.section, function(item, key) {
        if(item.value)  {
            item.value = 'Some New value'
        }
    });

  
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="mainApp" ng-controller="mainCtrl">
  {{section}}
</div>

Collectives™ on Stack Overflow

angular foreach update object property

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related