AngularJS防止间隔闪烁

Question

我有一个Clock函数，该函数使用我使用角度间隔编写的函数来运行。当屏幕处于常规窗口中时可以，但是当我将窗口置于全屏模式时，它会在更新时间时闪烁。

我的控制器代码：

    app.controller('loginNavController', ['$scope', '$interval', function($scope, $interval) {
    var tick = function() {
        $scope.clock = Date.now();
    };
    tick();
    $interval(tick, 1);
}]);

我的模板代码：

<nav class="navbar navbar-expand-lg login-nav" ng-controller="loginNavController">
<div class="col-3">
    <a class="navbar-brand" href="#">Bistro</a>
</div>
<div class="col-4 offset-2 justify-content-center">
   <div class="row">
       <span class="col-12 time">{{clock | date:'mediumTime'}}</span>
   </div>
</div>