javascript - ng-repeat中的AngularJS多个倒计时

Question

我有一个小型 AngularJS 应用程序，它使用 JSON 和 UTC 时间格式来搜索和检索用户列表以及他们的下一次预定 session (假设在接下来的 8 小时内安排一个 session )，以便于计算到本地时间。我编写了能够计算剩余时间的 javascript，但我没有编写或弄清楚如何在 Angular 中执行此操作。

我想要完成的是能够更新 DOM 的剩余时间，直到预定的 session 结束或 session 开始为止的剩余时间。如果使用 $timeout 服务更新单个元素，这似乎很简单，但是我不清楚如何在 ng-repeat 中一次完成多个项目的这项任务。

任何想法将不胜感激!谢谢!

Answer 1

在 ng-repeat 中，您将得到一个项目列表。

<li ng-repeat="items" >{{ timeUntil(currentTime) }}</li>

尝试只更新 $scope.currentTime 并让每个项目都有一个 timeUntil 方法。您只需从超时更新 $scope.currentTime 。 Angular 会处理剩下的事情。

这里的关键是知道你只是在输入一个“表达式”，并且在 Angular 上，表达式可能很复杂，甚至涉及函数调用。