首页 > 解决方案 > Angular JS 在满足条件时创建新的 div,否则添加到旧的

问题描述

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

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 两次,但这不是很有效。必须有更有效的方法来做到这一点。

标签: angularjs

解决方案


推荐阅读