Angular2以相反的顺序重复项目

Question

如何以相反的顺序重复项目 这就是我所做的

 let newSearchTerm = this.getItem(this.searchHistoryKey)
      newSearchTerm.push({
        'q': this.searchTerm
      });

 this.setItem(this.searchHistoryKey, JSON.stringify(newSearchTerm));




<li *ngFor="let search of searchHistory"><span th-icon th-time>icon</span><a href="/"><label for="">{{search.q}}</label></a><span (click)="addHistory()" th-icon arrow-up>icon</span></li>

我想以相反的顺序打印搜索。我怎样才能做到这一点？

Answer 1

可以尝试使用array.reverse（）：

this.setItem(this.searchHistoryKey, JSON.stringify(newSearchTerm).reverse());

Answer 2

试试这个过滤器：

app.filter('reverse', function() {
  return function(items) {
    return items.slice().reverse();
  };
});

...
...
...

*ngFor="let search of searchHistory | reverse"

Answer 3

reverseJSON(jsonObj) {
      let reverseList = [];
      for (let i = jsonObj.length - 1; i >= 0; i--) {
        reverseList.push(jsonObj[i]);
      }
      return reverseList;
    }

这帮助了我。是纯粹的javascript。