数组顺序子内的AngularJs ng-repeat数组

时间:2014-05-11 03:08:04

标签: javascript angularjs

我使用angularJS查看我的数据。我的数据是数组中的数组。我需要在没有上述对象(User)的顺序的情况下显示Tickets。我想选择稍后订购。对于这些示例,我们使用Date 作为订单指标。

模型

Array[2]
  0: Object
    UserId: 1
    Username: "firstUser"
    Tickets: Array[2]
      0: Object
        TicketId: "3"
        Date: "2014-05-11"
        Score: 100
      1: Object
        TicketId: "4"
        Date: "2014-02-11"
        Score: 100
  1: Object
     UserId: 1
     Username: "secondUser"
     Tickets: Array[1]
       0: Object
         TicketId: "1"
         Date: "2014-04-11"
         Score: 200

查看

[Username: firstUser   TicketId:   3]
[Username: secondUser  TicketId:   1]
[Username: firstUser   TicketId:   4]

1 个答案:

答案 0 :(得分:2)

如果从现有数据结构中创建新数组,然后按日期对转换后的数组进行排序,将会更容易。这是plunker演示同样的内容。

主要是,

$scope.transform = function() {
    var transformedArray = [];
    angular.forEach($scope.samples, function(item){
      angular.forEach(item.Tickets, function(ticket){
        transformedArray.push({
          userName: item.Username, 
          ticketId: ticket.TicketId, 
          date: ticket.Date
        });
      });
    });

    return transformedArray;
}