angular.js - 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中对期进行操作。

//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给另一个变量，用另一个变量进行递减。
严格来讲应该把递减函数放入变量，在递减结束的时候取消。
大概就是这个样子。

这篇关于angular.js - ng-repeat的值回处理后再绑定到页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！