html - 如何在 AngularJS 和 HTML 中制作滴答作响的时钟(时间)

Question

我是 AngularJS/html 的初学者，一直在尝试寻找代码片段来为 Web 应用制作时钟/时间项。

对于如此微不足道的事情，网络搜索并没有像我期望的那样容易地提供直接的结果，所以我想我会发布这个问题来获得一些答案，同时也让其他人更容易找到它。

我已经发布了我的解决方案，但在选择答案之前想看看是否有更好的解决方案!

Answer 1

只是想改进 Armen 的回答。您可以使用 $interval 服务来设置计时器。

var module = angular.module('myApp', []);

module.controller('TimeCtrl', function($scope, $interval) {
  var tick = function() {
    $scope.clock = Date.now();
  }
  tick();
  $interval(tick, 1000);
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.11/angular.min.js"></script>

<div ng-app="myApp">
  <div ng-controller='TimeCtrl'>
    <p>{{ clock | date:'HH:mm:ss'}}</p>
  </div>
</div>