在使用md-order-by指令时,需要确保ng-repeat指令的数据源数组已经排序。例如,可以使用AngularJS的内置$filter服务来对数据进行排序,再使用ng-repeat指令和md-order-by指令来展示已排序的数据。示例代码如下:
HTML代码:
- {{item.name}}
JavaScript代码:
angular.module('app', [])
.controller('myCtrl', function ($scope, $filter) {
$scope.data = [
{ name: 'Jack', age: 22 },
{ name: 'Adam', age: 25 },
{ name: 'Bob', age: 21 }
];
// 使用$filter服务进行排序
$scope.data = $filter('orderBy')($scope.data, 'name');
});
在上述示例中,ng-repeat指令和md-order-by指令都使用了属性name来排序数据,因此我们使用$filter服务的orderBy方法对数据进行了排序。这样就可以确保在使用md-order-by指令时,数据已经被正确地排序,从而达到展示已排序数据的目的。