Ключ Order by Object в ng-repeat

Как я могу заказать ключ как целое?

У меня есть следующий объект;

$scope.data = { "0": { data: "ZERO" }, "1": { data: "ONE" }, "2": { data: "TWO" }, "3": { data: "TREE" }, "5": { data: "FIVE" }, "6": { data: "SIX" }, "10":{ data: "TEN" }, "11": { data: "ELEVEN" }, "12": { data: "TWELVE" }, "13": { data: "THIRTEEN" }, "20": { data: "TWENTY"} } 

HTML:

 

Текущий порядок вывода составляет 1,10,11,12,13,14,2,20,3,4,5,6

Но я хочу 1,2,3,4,5,6,10,11,12,13,14,20

 | orderBy:key 

не работает для меня.

Есть идеи?

Благодаря!

Опцией будет использовать промежуточный фильтр.

PLUNK И fragment кода

 var app = angular.module('app', []); app.controller('MainCtrl', function($scope) { $scope.template = { "0": { data: "ZERO" }, "1": { data: "ONE" }, "2": { data: "TWO" }, "3": { data: "TREE" }, "5": { data: "FIVE" }, "6": { data: "SIX" }, "10":{ data: "TEN" }, "11": { data: "ELEVEN" }, "12": { data: "TWELVE" }, "13": { data: "THIRTEEN" }, "20": { data: "TWENTY"} } }); app.filter('toArray', function() { return function(obj) { if (!(obj instanceof Object)) return obj; return _.map(obj, function(val, key) { return Object.defineProperty(val, '$key', {__proto__: null, value: key}); }); }}); 
    
{{key}} : {{value.$key}} : {{value.data}}

Я думаю, что он сортирует себя с преобразованием в массив. каламбур.

 var obj = {"3": {three:3}, 2: {two:2}, "5": {five:5}, 4: {four:4}, 1: {one:1}, 6: {six:6}, 10: {ten:10}, 11:{eleven:11} } $scope.arr = []; for (var o in obj) $scope.arr.push(obj[o]) 
 app.filter('orderObjectBy', [function() { return (filterObj, prop) => { let arr = [] //below is the loadash function you can use for in also _.forEach(filterObj, function(value, key) { arr.push({ key: key, value: value }); }); let sortedArr = _.sortBy(arr, val => val.value[prop]); for (let variableKey in filterObj) { if (filterObj.hasOwnProperty(variableKey)) { delete filterObj[variableKey]; } } for (let data of sortedArr) { filterObj[data.key] = data.value; } return filterObj; } }]) 
  • Заменить узел ng-include шаблоном?
  • Как установить динамический controller для директив?
  • Как можно решить npm UNEPT PEER DEPENDENCY?
  • Угловая директива динамического шаблона Angular.js
  • Как обрабатывать XML-услуги в AngularJS?
  • Цепочка Ajax вызывает в AngularJs
  • $ sce.trustAsResourceUrl () глобально
  • получение ng-объекта, выбранного с помощью ng-change
  • Как реализовать ng-изменение для пользовательской директивы
  • npm / yoman установить генератор-угловой без sudo
  • угловой js неизвестный поставщик
  • Давайте будем гением компьютера.