var app = angular.module('testApp', []);
app.controller('MyController', ['$scope', function($scope) {
$scope.items = [
{
id: '1',
name: 'AAA',
price: 2150,
date: new Date(2015, 7, 10)
},
{
id: '2',
name: 'BBB',
price: 2000,
date: new Date(2015, 6, 20)
}
];
}]);
<div ng-app="testApp" ng-controller="MyController">
<table class="table">
<tr>
<th>ID</th><th>商品名</th><th>価格</th><th>入荷日</th>
</tr>
<tr ng-repeat="item in items | orderBy: 'price'">
<td>{{item.id}}</td>
<td>{{item.name}}円</td>
<td>{{item.price}}</td>
<td>{{item.date | date}}</td>
</tr>
</table>
</div>
External resources loaded into this fiddle: