Angularjs控制中断报告

时间:2015-07-03 06:47:39

标签: angularjs ng-repeat

我使用angularjs来显示买入和卖出日期的股票的历史。 我的数据由unixtimestamp字段组成。我希望将日期联合起来显示日期的标题BAND,并在标题下方显示该日期的条目。

我目前使用.div-class { display: inline-block; } .div-class:before { content: ''; width: 10%; min-width: 100px; max-width: 200px; display: inline-block; } 但是我无法添加自定义if条件来检查日期是否为新数据并在打印的行之间插入标题。

以下是我希望输出

的方法
ng-repeat="x in transactions"

目前代码是

Monday, 12th January 2015

MSFT,BUY,10,1000

YHOO,SELL,50,200

Tuesday, 13th January 2015

MSFT,SELL,40,500

1 个答案:

答案 0 :(得分:0)

您可以使用ng-if参考具有实际项目和最后日期的函数。该函数将检查该项是否与最后一项具有相同的日期,并将实际日期保存到范围变量中以检查下一项。

ng-repeat="item in transactions"
....
 <div class="header" ng-if="ctrl.checkForNewDate(item)">
     <!-- Header Content -->
 </div>


in the controller
var vm = this;

vm.lastDate = new Date("2000/01/01");

vm.checkForNewDate = checkForNewDate;

function checkForNewDate(item) {
    var dateItem = new Date(item.timestamp);

    if (dateItem == vm.lastDate) {
        return false;
    } else {
        vm.lastDate = dateItem;
        return true;
    }

代码作为原型未检查抱歉; - )