javascript - 按日期分组但不按 Angular 分组

Question

我正在构建我的第一个 Angular 应用程序。

我正在使用包含足球比赛装置的工厂服务从 API 返回一些 JSON 数据。

我想按日期分组但忽略时间。 JSON日期字符串格式为“2016-06-10T19:00:00Z”

我已经设法在我的 ng-repeat 上使用 groupBy，这工作正常 - 唯一的问题是 - 它也考虑了时间，因此不会对同一天不同 KO 时间的 2 场比赛进行分组。

我的 JSON 对象是这样的，我将它分配给 Controller 中名为 fixtures.list 的数组:

"fixtures":[
{
    "_links":{
        "self":{
            "href":"http://api.football-data.org/v1/fixtures/149855"
        },
        "soccerseason":{
            "href":"http://api.football-data.org/v1/soccerseasons/424"
        },
        "homeTeam":{
            "href":"http://api.football-data.org/v1/teams/773"
        },
        "awayTeam":{
            "href":"http://api.football-data.org/v1/teams/811"
        }
    },
    "date":"2016-06-10T19:00:00Z",
    "status":"TIMED",
    "matchday":1,
    "homeTeamName":"France",
    "awayTeamName":"Romania",
    "result":{
        "goalsHomeTeam":null,
        "goalsAwayTeam":null
    }
},
...

我的 Angular 模板是这样的:

http://plnkr.co/edit/R4qjDfyKhefDOaHmleJv?p=preview

我的 Controller :

function FixturesController (EurosService) {
    var ctrl = this;
    ctrl.list = [];
    function getFixtures () {
        EurosService
            .retrieveFixtures()
            .then( function (response) {
                ctrl.list = response;
            });
    }
    getFixtures();
}

angular
    .module('app')
    .controller('FixturesController', FixturesController)

对此表示感谢。最好的方法是什么？谢谢。

Answer 1

与此答案相关https://stackoverflow.com/a/30509960/1211299

您可以将映射函数添加到您的 groupby 过滤器:| map :toLocaleDate | groupBy: '日期'而你的映射函数会像这样:

$scope.toLocaleDate = function(e) {
    e.date = e.date.toLocaleDateString();
    return e;
};

此函数将您的日期转换为仅限日期的字符串。时间部分将从您的原始对象中删除。