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 이 변수 ​​자체는 컨트롤러에 이미 존재해야 합니다. 일반적으로 컨트롤러에는 이 문장이 있어야 합니다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 으아악
이 list.openTime이 서버에서 다시 전송한 값일 뿐이고 서버로 다시 전송할 필요가 없는 경우 컨트롤러에서 마침표를 직접 조작할 수 있습니다.
으아악

list.openTime이 여전히 유용하다면 이를 다른 변수에 복제하고 다른 변수를 사용하여 감소시키세요. 🎜 엄밀히 말하면 감소 함수는 변수에 넣어서 감소가 끝나면 취소되어야 합니다. 🎜아마도 그럴 것 같습니다. 🎜