Angular JS создает новый 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, но это не очень эффективно. Должен быть более эффективный способ сделать это.