AngularJS ngRepeat and orderBy.

HTML

<div ng-app="store" ng-controller="StoreController">
   
    <div ng-repeat="product in products">

            <h1> {{product.name}} </h1>
            <h2> {{product.price}} </h2>
            <p> {{product.description}} </p>
            <p/>
            <button c="{{product.description}}">Add to Cart </button>       
    </div>
 
</div>

JavaScript

angular.module('store', [])
    .controller('StoreController', function($scope) {
        $scope.products = [
    {
        name: 'Dodecahedron',
        price: 2.95,
        description: 'Some gems have hidden qualities beyond their luster, beyond their shine... Dodeca is one of those gems.',
        canPurchase: true,
        soldOut: false
    },
    {
        name: 'Pentagonal Gem',
        price: 5.95,
        description: 'You will feel right at home.',
        canPurchase: true,
        soldOut: false
    }
];
    });