AngularJS orderby сортирует число и даты, обрабатывая их как строку

Question

• Мне нужно разработать таблицу в угловых js, чтобы показать данные сторонних производителей (и, следовательно, данные не могут быть изменены).
• Данные, которые будут показаны, полностью динамичны в том количестве или последовательности столбцов, которые могут быть изменены в любое время.
• Значение, которое должно отображаться, может быть числом или строкой или датой, которая определяется данными третьей стороны.
• Мне нужно сортировать таблицу при нажатии на любой из заголовков
• Мне известны некоторые методы, как использование | число фильтр и т. д., но он не работает в этой динамической среде.

Следовательно, мне нужно сделать мой стол полностью динамичным. Однако я столкнулся с проблемами при использовании порядка, так как сортирует даже числа и даты, рассматривая их как строку.

<table> 
<td ng-repeat="key in keys(Header[0])" ng-click="maintainOrder(key)" > 
     <span>{{Header[0][key]}}</span> 
    </td> 

<tr ng-repeat="singleRow in data | orderBy:orderByCriteria:reverseSort" > 
     <td ng-repeat="key in keys(data[0])" > 
     {{singleRow[key]}} 
     </td> 

    </tr> 
</table> 


    $scope.maintainOrder = function(key) 
    { 
    $scope.orderByCriteria = key; 
    $scope.reverseSort = ! $scope.reverseSort; 
    }; 
    $scope.keys = function(obj){ 
    console.log((Object.keys(obj))); 
    return obj? Object.keys(obj) : []; 
    }; 
    $scope.data= [ 
       { 
       "quantity" : "85", 
       "type" : "mango", 
       "expiryDate" : "15/09/2015" 
       }, 
       { 
       "quantity" : "9", 
       "type" : "orange", 
       "expiryDate" : "5/07/2015" 
       }, 
       { 
       "quantity" : "66", 
       "type" : "apple", 
       "expiryDate" : "25/09/2015" 
       }, 
       { 
       "quantity" : "95", 
       "type" : "mango", 
       "expiryDate" : "31/08/2015" 
      } 
       ]; 
    $scope.Header= [ 
       { 
       "quantity" : "Qty ", 
       "type" : "Type", 
       "expiryDate" : "Expiry_Date" 
       }]; 

Я включил скрипку за то же самое: fiddle link

Answer 1

Вы можете создать свой собственный пользовательский сортировки фильтр, и использовать угловую встроенные функции angular.isNumber, angular.isDate, угловой. IsString

Примером пользовательского фильтра здесь: http://jsfiddle.net/av1mLpqx/1/

В пользовательском фильтре, используйте пользовательскую функцию сортировки, как это:

array.sort(function (a, b) { 
     if (angular.isNumber(a) && angular.isNumber(b)) { 
     return a - b; 
     } 
     else if (angular.isDate(a) && angular.isDate(b)) {   
     return a.getTime() - b.getTime(); 
     } 
     else if (angular.isString(a) && angular.isString(b)) { 
     return a.localeCompare(b); 
     }  
     else { 
     console.log("types unknown"); 
     return 0; 
     } 
}