Question

我使用过滤器显示自添加内容之前的时间：

angular.module('filters').('fromNow', function () {
    return function (date) {
        return moment(date).fromNow();
    }
});

如何在每分钟自动触发过滤器，以便更新前一段时间。我可以吗在过滤器中使用$ timeout来实现这个目标吗？

谢谢！

Answer 1

事实上，您的功能实际上已经在Angular Docs上进行了非常详细的描述。

对于这类事情，你想要使用这些指令。您可以选择将过滤逻辑保留在过滤器功能中，也可以将整个过程放置在过去的时间内＃34;指令内的逻辑。无论你想要哪种方式。

JS：

app.filter('fromNow', function () {
  return function (date) {
    return moment(date).fromNow();
  };
});

app.directive('time', 
  [
    '$timeout',
    '$filter',
    function($timeout, $filter) {

      return function(scope, element, attrs) {
        var time = attrs.time;
        var intervalLength = 1000 * 10; // 10 seconds
        var filter = $filter('fromNow');

        function updateTime() {
          element.text(filter(time));
        }

        function updateLater() {
          timeoutId = $timeout(function() {
            updateTime();
            updateLater();
          }, intervalLength);
        }

        element.bind('$destroy', function() {
          $timeout.cancel(timeoutId);
        });

        updateTime();
        updateLater();
      };

    }  
  ]
);

HTML：

<div ng-controller="AppController">
  Time: <span time="2013-03-23 21:56"></span>
</div>

Plunker

同样，如果你看一下Directive Docs，你会发现这个解决方案几乎完全是在该页面上找到的指令示例。

自动刷新过滤器

1 个答案: