【问题标题】:How to sort by descending datetime ng-repeat in Angularjs?如何在Angularjs中按降序日期时间ng-repeat排序?
【发布时间】:2016-12-30 10:52:36
【问题描述】:
我想按日期降序对数据进行排序,即 27、26、25 ...。如何做到这一点?
<tbody class="gradeX" ng-repeat="x in Profile | orderBy: x.created_datetime">
<tr>
<td>{{x.job_title }}</td>
<td>{{x.created_datetime | date:'medium' }}</td>
<td>{{x.updated_datetime | date:'medium' }}</td>
<td>{{x.status}}</td>
<td>{{ x.total }}</td>
<td class="actions"> <a href="" data-toggle="tooltip" title="Show Invoice Details" ng-click="activeinvoicesCtrl.setCurrentJob(x)"><i class="fa fa-server fa-2x" aria-hidden="true"></i></a> </td>
</tr>
</tbody>
【问题讨论】:
标签:
angularjs
angularjs-directive
angularjs-scope
angularjs-ng-repeat
【解决方案1】:
添加带有您要查找的属性名称的字符串。
如果它是嵌套属性,请使用 .连接字符串,例如 'item.created_datetime'
<tbody class="gradeX" ng-repeat="x in Profile | orderBy: '-created_datetime'">
【解决方案2】:
<tbody class="gradeX" ng-repeat="x in Profile | orderBy: 'created_datetime'">
<tr >
<td>{{x.job_title }}</td>
<td>{{x.created_datetime | date:'medium' }}</td>
<td>{{x.updated_datetime | date:'medium' }}</td>
<td>{{x.status}}</td>
<td >{{ x.total }}</td>
<td class="actions">
<a href="" data-toggle="tooltip" title="Show Invoice Details" ng-click="activeinvoicesCtrl.setCurrentJob(x)"><i class="fa fa-server fa-2x" aria-hidden="true"></i></a>
</td>
</tr>
</tbody>
确保您的 created_datetime 对象是 javascript Date() 对象,否则您可能会惊讶地发现 2 月 1 日在 1 月 2 日之前。