Ngb-手风琴中的内容排序

时间:2018-07-13 13:29:47

标签: html angular typescript

这是手风琴的代码:

{{post.datePosted}}

我想做的基本上是按照 var x = new Date(); var y = x.getFullYear().toString(); var m = (x.getMonth() + 1).toString(); var d = x.getDate().toString(); var h = x.getHours().toString(); var min = x.getMinutes(); (d.length == 1) && (d = '0' + d); (m.length == 1) && (m = '0' + m); var date = y+"." + m+"." + d+" "+h+":"+min; 对手风琴的内容进行排序,因此列表中的第一项将是最近发布的那个。

如果您有任何想法或建议,请。
现在,我将日期存储在他的Posts数组中,如下所示:

export class Post {
  id: number;
  cim: string;
  leir: string;
  iro: string;
  mikor: number;
}

以及数组定义:

showDetailViewController(vc: UIViewController, sender: Any?)

2 个答案:

答案 0 :(得分:0)

恕我直言,您将必须对.ts文件本身中的数据进行排序,然后像这样在前端显示:

.ts文件中:

let sortedPosts = this.Posts.sort((a, b) => (new Date(a.datePosted).getTime() - new Date(b.datePosted).getTime()));     

.html中使用sortedPosts代替Posts,如下所示:

<ngb-accordion [closeOthers]="false" activeIds="0">
        <ng-container class="card" *ngFor="let post of sortedPosts">
            <ngb-panel title="{{post.title}} - By: {{post.author}}, At: {{post.datePosted}}" id="{{post.id}}">
                <ng-template ngbPanelContent>
                    {{post.about}}
                    <hr>
                    <button (click)="navigateTo(post.id)" type="button" class="btn btn-link">Comments</button>
                </ng-template>
            </ngb-panel>
        </ng-container>
    </ngb-accordion>            

有关日期比较的更多信息,请参见this

答案 1 :(得分:0)

从'lodash'导入*作为_; this.sortedPosted = _.sortBy(this.posts,p => p.datePosted);