Angular

by Michael Bazos

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular-filter/0.5.4/angular-filter.min.js"></script>
<div ng-app="demoApp" ng-controller="DemoController">
    <ul ng-repeat="(key, value) in productAttributes.Products | groupBy: 'Site'">{{ key }}
        <li ng-repeat="site in value">{{site.Code}}</li>
    </ul>
</div>

JavaScript

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

demoApp.controller('DemoController', function ($scope) {

    $scope.productAttributes = {
        "Products": [{
            "Code": "ELA-67",
                "Site": "SITE1",
                "Attributes": {
                "Term": "36",
                    "quantity": 1
            }
        }, {
            "Code": "ELI-45",
                "Site": "SITE2",
                "Attributes": {
                "Term": "36",
                    "quantity": 1
            }
        }, {
            "Code": "COA-56",
                "Site": "SITE1",
                "Attributes": {
                "Term": "36",
                    "quantity": 1
            }
        }, {
            "Code": "COY-67",
                "Site": "SITE2",
                "Attributes": {
                "Term": "36",
                    "quantity": 1
            }
        }]
    };
});