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.openTimePembolehubah ini sendiri sepatutnya sudah wujud dalam pengawal. Biasanya anda sepatutnya mempunyai ayat ini dalam pengawal anda

var list = this;

Jika list.openTime ini hanyalah nilai yang dihantar semula oleh pelayan dan tidak perlu dihantar semula ke pelayan, maka anda boleh terus mengendalikan tempoh dalam pengawal.

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

Jika list.openTime masih berguna, kemudian klonkannya ke pembolehubah lain dan gunakan pembolehubah lain untuk mengecil.
Tegasnya, fungsi penyusutan hendaklah dimasukkan ke dalam pembolehubah dan dibatalkan apabila pengurangan itu tamat.
Mungkin itulah rupanya.