如何在angular2中按日期时间排序列表

Question

我是angular2的新手，我试图按照来自数据库的收集时间日期戳来整理我的食物订单列表。

假设订单对象位于下方，在我的模板中，我想在下面的示例中使用最早的collectiontime对其进行排序，它将是id: 2454

var awaitingPicking = [
  {
   "id": "2452",
   "OrderLineGroups": [
     {
       "CollectionDetails": {
         "CollectionFrom": "2017-03-21T11:00:00.317"
       }
     }
   ]
  },
{
   "id": "2454",
   "OrderLineGroups": [
     {
       "CollectionDetails": {
         "CollectionFrom": "2017-03-21T11:00:00.317"
       }
     }
   ]
  }
 ]

我尝试使用此示例，但它没有按CollectionFrom

排序列表

http://plnkr.co/edit/DU6pxr?p=preview

以下是使用上述plnkr

的示例

https://plnkr.co/edit/TYXh2iCDseJNnT0DwKA7?p=preview

预期结果应该像 -

- 2454 2017-03-21T11:00:00.317 // this has an early collection at (11:00 am)
- 2452 2017-03-21T11:40:00.317