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

问题描述

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

上面代码：倒计时 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<span>{{list.openTime|date:'HH:mm:ss'}}</span>

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