angularjs orderBy过滤器无法正常工作

时间:2015-12-28 14:07:53

标签: angularjs

我正在对angularjs中的日期字段使用orderBy过滤器,但这不起作用。

main.js

    var data = [{name:'A',event_details:{event_start_date:'2015-12-31T00:00:00.000Z'}},{name:'B',event_details:{event_start_date:'2016-12-31T00:00:00.000Z'}}]

的index.html

<table class="table table-striped table-bordered table-hover table-condensed responsive mb0" datatable="ng" >
                                <thead>
                                    <tr>
                                    <th>Name</th>
                                    <th>Start Date</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="x in data | orderBy:'event_details.event_start_date'">
                                    <td>{{x.name}}</td>
                                    <td>{{x.event_details.event_start_date | date:'MM/dd/yyyy'}}</td>
                                    </tr>
                                </tbody>
                            </table>

结果是在第一个colimn的基础上排序,即名称虽然我已指定按开始日期排序。

任何人都可以帮我解决这个问题。

1 个答案:

答案 0 :(得分:0)

可能重复。请参阅此答案以获得更好的解释。在这个问题中,这个问题有两个非常好的答案。

How to orderby in AngularJS using Nested property

的index.html

<tr ng-repeat="x in data | orderBy:'event.createdAt'">
    <td>{{x.event.createdAt}}</td>
</tr>