javascript - Data yang diminta menggunakan sudut perlu dipaparkan ke halaman dalam ketulan berdasarkan masa.

Question

$scope.data=[
                  {"time":"2017/06/23","money":"3000","type":"RMB"},
                  {"time":"2017/06/24","money":"4000","type":"RMB"},
                  {"time":"2017/07/23","money":"3000","type":"RMB"},
                  {"time":"2017/07/24","money":"4000","type":"RMB"},
                  {"time":"2017/07/25","money":"5000","type":"RMB"}
    ];

Data yang diminta adalah serupa dengan ini. Data perlu dipaparkan mengikut medan masa dan bulan Bagaimana untuk menapis data pada bulan Jun dan Julai Sebagai contoh, semasa membuat halaman, ia harus dipaparkan seperti ini.
Jun
Jumlah pada 23hb: 3000 Kategori : RMB
Jumlah ke-24: 4000 Kategori: RMB
Julai
Jumlah ke-23: 3000 Kategori: RMB
Jumlah ke-50: RMB ke-20: 500 0 Kategori: RMB

Answer 1

Akhir sekali tukar format data kepada:

newData = [
    {
        time: '2017/06',
        items: [
            { time: '2017/06/23', money: '3000', type: 'RMB'},
            { time: '2017/06/24', money: '4000', type: 'RMB'},
        ]
    }, 
    {
        time: '2017/07',
        items: [
            { time: '2017/07/23', money: '3000', type: 'RMB'},
            { time: '2017/07/24', money: '4000', type: 'RMB'},
        ]
    }, 
];

Kemudian render menggunakan dua ng-repeat.

Mengenai idea:

1. Tukar kepada objek dahulu:

   obj = {

   '2016/06': [
       { time: '2017/06/23', money: '3000', type: 'RMB'},
       { time: '2017/06/24', money: '4000', type: 'RMB'},
   ],
   '2016/07': [
       { time: '2017/07/23', money: '3000', type: 'RMB'},
       { time: '2017/07/24', money: '4000', type: 'RMB'},
   ]

   }

2. Kemudian lelaran melalui objek dan tukarkannya kepada tatasusunan.

const data = [
      { time: '2016/06/23', money: '1000', type: 'RMB' },
      { time: '2016/06/24', money: '1200', type: 'RMB' },
      { time: '2016/07/12', money: '1200', type: 'RMB' },
      { time: '2016/07/15', money: '1200', type: 'RMB' },
    ];
    const obj = _.groupBy(data, item => item.time.substr(0, 7)); // 我这里使用了lodash，自行遍历数组也是一样的
    const newData = Object.keys(obj).map(time => ({ time, items: obj[time] }));
    console.log(newData, 2);

Answer 2

Walaupun anda boleh menggunakan penapisan tatasusunan dan pemadanan untuk membahagikan masa ke dalam format yang anda mahukan, dengan mengambil kira isu kecekapan, saya cadangkan ini diproses di bahagian pelayan dan mengembalikan format data yang anda mahukan. Jika tiada cara lain, pertimbangkan data sekali lagi. Pemprosesan klasifikasi