如何在AngularJS和HTML中创建一个滴答时钟（时间）

Question

我是AngularJS / html的初学者，一直在尝试查找代码片段以为Web应用程序创建时钟/时间项。

网络搜索无法像我期望的那样简单地提供简单的结果，因此我想我可以发布此问题以获取一些答案，也可以使其他人更容易找到它。

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

Answer 1

这对我来说效果很好，对于菜鸟来说，我认为很容易理解。看到它在这里行动

JavaScript：

function TimeCtrl($scope, $timeout) {
    $scope.clock = "loading clock..."; // initialise the time variable
    $scope.tickInterval = 1000 //ms

    var tick = function() {
        $scope.clock = Date.now() // get the current time
        $timeout(tick, $scope.tickInterval); // reset the timer
    }

    // Start the timer
    $timeout(tick, $scope.tickInterval);
}

HTML：

<div ng-controller='TimeCtrl'>
    <p>{{ clock  | date:'medium'}}</p>
</div>

不要忘记在您的body标签中包含angularJS和’ng-app’。