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

Question

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

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

Answer 1

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

var list = this;

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

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

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