Ключ 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:
- AngularJS: $ q -> отложенный API-код вещей (жизненный цикл) И кто вызывает дайджест?
- Чтение заголовков ответов при использовании $ http Angularjs
- Json.Net: Html Помощник не регенерирует
- Чтобы проверить настраиваемую директиву angularjs validation
- AngularJs - получить список всех зарегистрированных модhive
Текущий порядок вывода составляет 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
не работает для меня.
Есть идеи?
Благодаря!
- Каков наилучший способ условного применения атрибутов в AngularJS?
- AngularJS - как переопределить директиву ngClick
- Добавление нескольких classов с использованием ng-classа
- Экран загрузки Angularjs по запросу ajax
- AngularJS - визуализация на стороне сервера
- AngularJS intellisense не работает на Visual Studio 2015
- В чем разница между ng-model и ng-bind
- Тестирование AngularJS с seleniumом
Опцией будет использовать промежуточный фильтр.
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 неизвестный поставщик
Interesting Posts
Вызов ASP.NET PageMethod / WebMethod с помощью jQuery – возвращает всю страницу
Каково максимальное разрешение C # .NET Bitmap?
Как добавить значок значка / счетчик приложений на устройства Sony Xperia?
Loop не видит измененного значения без оператора печати
Клавиатура Mac OS X перестала отвечать на
Как определить обновление страницы с помощью jquery?
Использует ViewBag в MVC плохо?
Что такое lambda?
включить antiforgerytoken в ajax post ASP.NET MVC
Как установить Linux на динамический диск без потери конфигурации диска?
Что такое указатель void и что такое пустой указатель?
Постройте несколько проектов CDT C ++ из командной строки
Cocoa Graphing / Plotting Framework, который работает на iPhoneOS
Как округлить время в T-SQL
назначить два процесса MPI на kernel