Angular JS在满足条件时创建新的div，否则添加到旧的div中

Question

我有一个包含日期和其他变量的数据数组。

var array = {
    'row1' : {
        'date' : '2018-03-31 18:00',
        'value' : 3
    },
    'row2' : {
        'date' : '2018-03-31 19:00',
        'key4' : 7
    }
    'row3' : {
        'date' : '2018-04-01 00:00',
        'value' : 3
    },
    'row3' : {
        'date' : '2018-04-02 02:00'',
        'value' : 19
    }
};

我想要的是每天为每个值创建一个新的div。所以所需的输出如下

<div class="all">
  <div class="day">
    <span>2018-03-31</span>
    <span>18:00 3</span>
    <span>19:00 7</span>
  </div>
  <div class="day">
    <span>2018-04-01</span>
    <span>00:00 3</span>
  </div>
  <div class="day">
    <span>2018-04-02</span>
    <span>02:00 19</span>
  </div>
</div>

我能想到的唯一解决方案是两次运行ng-repeat，但这不是很有效。必须有一种更有效的方法来做到这一点。