创建基于日期角度的过滤器

Question

我正在将这个JSON加载到我的angular应用程序中：

http://www.football-data.org/teams/354/fixtures/?callback=JSON_CALLBACK

我想只加载即将到来的灯具，即只显示晚于当前时间的灯具详细信息。

我有一个这样的控制器：

 .controller('fixturesController', function($scope, $routeParams, footballdataAPIservice) {
    $scope.id = $routeParams.id;
    $scope.fixtures = [];
    $scope.pageClass = 'page-fixtures';

    footballdataAPIservice.getFixtures($scope.id).success(function (response) {
        $scope.fixtures = response; 
    }); 

});

HTML

<tr ng-repeat="fixture in fixtures.fixtures">
        <td>{{$index + 1}}</td>
        <td>{{teamName(fixture.awayTeam)}}</td>

我不知道该怎么做，特别是我的时间和日期格式："2015-03-14T15:00:00Z“

Answer 1

您的日期已采用正确的日期转换格式，因此您只需自己创建一个筛选器。

我只需要创建一个自定义过滤器，就像我在这里放置的过滤器一样。根据您的需要进行调整。

angular.module('yourApp')
    .filter('greaterThan', function() {
        return function (actualDate, comparisonDate) {
            return Date(actualDate) > Date(comparisonDate);
        };
    });

那么您的HTML可能如下所示：

<tr ng-repeat="fixture in fixtures.fixtures | greaterThan:fixture.date:'2015-03-14T15:00:00Z'">
    ...
</tr>