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給另一個變量，用另一個變量進行遞減。
嚴格來講應該把遞減函數放入變量，在遞減結束的時候取消。
大概就是這個樣子。