javascript - 如何使用基于时间的表达式？

Question

我的应用程序中有一个按钮，我只希望它在夜间可见。

JavaScript 代码:

$scope.isNight = function() {
    var now = new Date();
    return now.getHours() < 6 || now.getHours() > 22;
};

和 html:

<button ng-show="isNight()">Visible at night</button>

如何在需要时重新评估表达式？或者有更好的根据时间表达的方法吗？

Answer 1

您可以使用间隔(最好在指令内)来检查时间并设置可见性，但您也可以使用在每个摘要周期中评估的过滤器。

app.directive('hideMeAtNight', function($interval) {
  return {
    restrict: "A",
    link: function(scope, element, attributes) {
      $interval(function() {
        var now = new Date();
        element.toggleClass('ng-hide', now.getHours() < 6 || now.getHours() > 22);
      }, 1000)
    }
  };
});

app.filter('nightFilter', function() {
  return function() {
    var now = new Date();
    return now.getHours() < 6 || now.getHours() > 22;
  }
});

你可以像这样使用它们:

<button hide-me-at-night>This is a button</button>
<button ng-hide="true|nightFilter">This is a button</button>

在此 plnkr 上演示 http://plnkr.co/edit/tjAVWf