javascript - ng-repeat 用于 Angular 嵌套数组

Question

我正在嵌套数组中获取数据。

我正在尝试以这种格式显示我的数据

Jan

01 Mon newyear
13 sat bhogi
14 sun pongal

Feb

14 tue Valentine's day

循环它有点困惑。

这是我尝试过的

<table ng-repeat="list in holidayList" style="width:100%">
                            <thead>
                                <tr>
                                    @*<th>{{list.}}</th>*@
                                </tr>
                            </thead>
                            <tbody>
                                <tr ng-repeat="leave in list">
                                    <td width="14%">{{leave.date}}</td>
                                    <td width="20%">{{leave.monthCode}}</td>
                                    <td>{{leave.holiday_name}}</td>
                                </tr>
                            </tbody>
                        </table>

转换日期并不重要，我为此编写了自定义过滤器和方法，因此我可以使用此过滤器和方法获得预期的日期格式:

app.filter('jsonDate', function () {
    return function (date) {
        return new Date(date.match(/\d+/)[0] * 1);
    }
})

$scope.dateFormat = function (date) {
        $scope.formattedDate = date.getFullYear() + "-" + (((date.getMonth() + 1).length) == 2 ? (date.getMonth() + 1) : ("0" + (date.getMonth() + 1))) + "-" + ((date.getDay().length) == 2 ? date.getDay() : ("0" + date.getDay()));
        return $scope.formattedDate
    }

当前输出:

/Date(1484397151447)/   1   pongal
/Date(1484310751447)/   1   Bhogi
/Date(1483273951447)/   1   new year
/Date(1494855933060)/   5   may day

谁能告诉我应该如何循环才能获得预期的格式。

Answer 1

您可以直接访问该对象:(我假设每个数组项中都定义了月份)

<table ng-repeat="list in holidayList" style="width:100%">
    <tbody>
        <tr>
            <td>{{list[0].month}}</td>
        </td>
        <tr ng-repeat="leave in list">
            <td width="14%">{{leave.date}}</td>
            <td width="20%">{{leave.monthCode}}</td>
            <td>{{leave.holiday_name}}</td>
        </tr>
    </tbody>
</table>

<小时/>

如果未定义月份，则使用 javascript 数组表示月份:

$scope.months = ["Jan", "February, "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];

然后在你的html上:

<td>{{months(list[0].monthCode - 1)}}</td>

或者只是list[0].monthCode(如果一月份的monthCode以0开头)。