如何在角度排序日期时间过滤器?

时间:2018-11-17 13:44:30

标签: angular typescript

在网站的新闻页面中,我从数据库中获取了一些新闻,我想按上传日期和时间对其进行排序。我从json类型的数据库中获取日期和时间。

我从服务器获取新闻卡,并将数据保存在newsArray变量中。下面是我的代码:

// Get news card from server
    this.dataService.getNews().subscribe(data => {
      this.newsCardNum = data['result'].length;

      if (data['ok']) {
        for (let i = 0; i < data['result'].length; i++) {
          this.newsItem = new News(data['result'][i]['news_info']['title'],
            data['result'][i]['news_info']['text'],
            this.appGlobal.MediaURL + data['result'][i]['news_card']['file']);
          if (data['result'].length !== 1) {
            this.newsArray.push(this.newsItem);
            console.log(this.newsArray);
          } else {
            this.newsArray = this.newsItem;
          }

        }
      }
    }, error => {
      console.log(error);
    });

并且我在ng-for中使用此变量来在我的html代码中显示如下:

<div class="card-position-set" *ngFor='let news of newsArray'>

      <!-- Card -->
      <div class="card" style="max-height: 365px;height: 365px">

        <!-- Card image -->
        <div class=" card-img" [ngStyle]="{'background-image': 'url(' + news.imagePath + ')'}"></div>

        <!-- Card content -->
        <div class="card-body">

          <!-- Title -->
          <h4 class="card-title card-title-property"><a>{{ news.title }}</a></h4>

          <!-- Button -->
          <button class="btn more-btn">بیشتر</button>

        </div>
      </div>
      <!-- Card -->

    </div>

此代码仅显示所有新闻,但我想在Datetime中对它们进行排序,然后显示给用户。我该如何处理?

0 个答案:

没有答案