ng-repeat的值回处理后再绑定到页面

问题描述

<div ng-switch="list.state"> <div ng-switch-when="0"> <div class="rob text-center btn-rob" ng-if="list.openTime<=0"> <div class="content">开抢<br></div> </div> <div class="rob text-center btn-full" ng-disabled="true" ng-if="list.openTime>0"> <div class="content">即将开标<br><span >这里需要倒计时</span></div> </div> </div> <div ng-switch-when="1" class="rob text-center btn-full" ng-click="jump('/invest')" ng-disabled="true"> <div class="content">满标</div> </div></div>

上面代码：倒计时 ng-repeat可获取到毫秒差值 list.openTime 需要做成倒计时的字符串显示在 span中，请问应该怎么做？

问题解答

list.openTime这个变量本身应该已经存在于controller里边了。正常来说你的controller中应该有这句话

var list = this;

如果这个list.openTime仅仅是个服务器传回来的数值，不需要再传回服务器了，那你可以直接在controller中对期进行操作。

//controllerlist.openTime=Math.round(list.openTime);//把时间转化成时间戳$interval(function () { list.openTime -= 1;//每秒减一，在页面把这个格式化成时间格式}, 1000);//html{{list.openTime|date:'HH:mm:ss'}}

如果list.openTime还有用，那就clone给另一个变量，用另一个变量进行递减。严格来讲应该把递减函数放入变量，在递减结束的时候取消。大概就是这个样子。