angularjs – 按Object键入ng重复

发布时间：2020-12-17 08:11:25 所属栏目：安全来源：网络整理

导读：如何按键作为整数排序？我有以下对象 $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

如何按键作为整数排序？

我有以下对象

$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：

<div ng-repeat="(key,value) in data">

目前的出货订单为1,10,11,12,13,14,2,20,3,4,5,6

但我想要1,6,20

| orderBy:key

不为我工作

有任何想法吗？

谢谢！

一个选项将使用中间过滤器。

PLUNK AND Code Snippet

var app = angular.module('app',[]);

app.controller('MainCtrl',function($scope) {
  
  $scope.template = {
    "0": { data: "ZERO" },"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});
    });
}});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore.js"></script>

<body ng-app="app" ng-controller="MainCtrl">
    <div ng-repeat="(key,value) in template| toArray | orderBy:key">{{key}} : {{value.$key}} : {{value.data}}</div>
<body>

注意：

上述过滤器需要Underscore.js，如果不使用它，可以重写过滤器。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!