小编Gra*_*ngh的帖子

为什么sort函数工作正常:

<th (click)="sort('transaction_date')">Transaction Date <i class="fa" [ngClass]="{'fa-sort': column != 'transaction_date', 'fa-sort-asc': (column == 'transaction_date' && isDesc), 'fa-sort-desc': (column == 'transaction_date' && !isDesc) }" aria-hidden="true"> </i></th>

当这一个不工作时:

<th (click)="sort('user.name')">User <i class="fa" [ngClass]="{'fa-sort': column != 'user.name', 'fa-sort-asc': (column == 'user.name' && isDesc), 'fa-sort-desc': (column == 'user.name' && !isDesc) }" aria-hidden="true"> </i></th>

HTML

 <tr *ngFor="let inner of order.purchase_orders | orderBy: {property: column, direction: direction}">
        <td>{{ inner.transaction_date | date  }}</td>
        <td>{{ inner.user.name  }}</td>
 </tr>

TS

sort(property){
    this.isDesc = !this.isDesc; //change the direction    
    this.column = …

我可以使用Angular中的查询参数过滤掉数据吗？This.rows是一个数组.我只会显示this.rows,其查询参数为"待定".我将如何使用queryParams过滤掉这个.这是我下面的代码.

// this.rows is an array



this.activeRouter.queryParams
.filter(params => params.q)
.subscribe(params => {
  console.log(params);
  if(this.rows.status === params.q){
    return this.rows;
  }
});