アンギュラ4 - ソートColum表

Question

Iは、テーブルの列をソートするには、この例に基づいている： Sort Table Colums

これはコードパイプである：

import {Pipe, PipeTransform} from 'angular2/core'; 

@Pipe({ name: 'orderBy' }) 
export class OrderrByPipe implements PipeTransform { 

    transform(records: Array<any>, args?: any): any { 

    return records.sort(function(a, b){ 
      if(a[args.property] < b[args.property]){ 
      return -1 * args.direction; 
      } 
      else if(a[args.property] > b[args.property]){ 
      return 1 * args.direction; 
      } 
      else{ 
      return 0; 
      } 
     }); 
    }; 
} 

これは、HTMLコードである：

<tr *ngFor="let particular of particulars | orderBy: {property: column, direction: direction} | slice:1; let i = index"> 

成分にインポート：

import { OrderrByPipe } from '../pipes/orderby.pipe'; 

パイプクラスをAngular 4に移行したいのですが、どうすればいいですか？

これは、コンソールでのエラーです：

error_handler.js:60 Error: Uncaught (in promise): Error: Error in ./ParticularsListComponent class ParticularsListComponent - inline template:42:14 caused by: Cannot read property 'sort' of undefined 
Error: Error in ./ParticularsListComponent class ParticularsListComponent - inline template:42:14 caused by: Cannot read property 'sort' of undefined 

おかげで、

Answer 1

あなたの問題は未定義であるparticulars変数から来ています。