Question

我正在将此JSON加载到我的角应用程序中：

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>

根据日期Angularjs创建过滤器

1 个答案: