Angular: ng-repeat scope - 14410993

http://angularjs.org/

by smlombardi

HTML

<div ng-controller="MyCtrl">
    <ul>
        <li ng-repeat="o in ordersList.orders | createarray: 'parcels'">{{o.upid}}</li>
    </ul>
</div>

JavaScript

var myApp = angular.module('myApp', []);

myApp.filter('createarray', function () {
    return function (value, propertyName) {
        var arrayList = [];
        angular.forEach(value, function (val) {
            angular.forEach(val[propertyName], function (v) {
                arrayList.push(v)
            });
        });
        console.log(arrayList)
        return arrayList;
    }
});
myApp.controller('MyCtrl', function ($scope) {

    $scope.returnParcels = function (t) {
        return t.parcels;
    }
    $scope.ordersList = {
        "orders": [{
            "ordernum": "PRAAA000000177800601",
                "buyer": "Donna Heywood",
                "parcels": [{
                "upid": "UPID567890123456",
                    "tpid": "TPID789456789485"
            }, {
                "upid": "UPID586905486090",
                    "tpid": "TPID343454645455"
            }]
        }, {
            "ordernum": "ORAAA000000367567345",
                "buyer": "Melanie Daniels",
                "parcels": [{
                "upid": "UPID456547347776",
                    "tpid": "TPID645896579688"
            }, {
                "upid": "UPID768577673366",
                    "tpid": "TPID784574333345"
            }]
        }]
    }
});