How to push value to nested objects in angular?

Question

I have the following data:

{
    "fruits": [
        {
            "name": "apple",
            "prices": [
                {
                    "2015": 2,
                    "2014": 3,
                    "2013": 1
                }
            ]
        },
        {
            "name": "banana",
            "prices": [
                {
                    "2015": 4,
                    "2014": 1,
                    "2013": 3
                }
            ]
        }
    ]
}

In my .js file, inside my controller, I want to calculate the difference between the price of the latest year and the year before.

Such as:

Apples = 3 - 2 = -1

So that in my HTML I can do:

<div ng-repeat="fruit in fruits">
    {{fruit.name}}, {{fruit.change}}
</div>

I've tried the following with no luck:

angular.forEach($scope.fruits, function(fruit, key) {
    angular.forEach(fruit.prices, function(price, key) {
        this.change = price[0] - price[1];
    });
});

i think you can doing it inside the view page bring the two values from controller and calculate it — Mohammed Ali
– Mohammed Ali, Commented Jan 8, 2016 at 15:41
is your data populated by a http call in a factory or is it something else like static json or firebase? — Joe Lloyd
– Joe Lloyd, Commented Jan 8, 2016 at 15:47

Iamisti · Accepted Answer · 2016-01-08 16:33:00Z

1

Just a typo, instead of this use fruit and it'll work.

function calculate(targetYear){
    angular.forEach($scope.fruits, function(fruit, key) {
        $scope.fruits[key].change = fruit.prices[0][targetYear] - fruit.prices[0][targetYear-1];
    });
}

You can use this function like: calculate(2015) and it'll set for each fruit.change value to show the change between 2015/2014

edited Jan 8, 2016 at 16:33

answered Jan 8, 2016 at 15:39

Iamisti

1,71015 silver badges30 bronze badges

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

5 Comments

Iamisti Over a year ago

reason for downvoting?

JJJ Over a year ago

The prices are objects, they don't have keys called 0 or 1.

trs Over a year ago

@Juhana How do you get the 0 and 1 of prices?

JJJ Over a year ago

@murid They don't have such keys. Objects are unordered. If you want to find the key with the highest value, you have to first get the keys, sort them, and then pick the first one.

Iamisti Over a year ago

Changed. Try it now pls

Collectives™ on Stack Overflow

How to push value to nested objects in angular?

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related