角2のパイプ引数が失敗しました

Question

イオン2を使用していて、*ngFor=""で配列をソートしようとしています。

は、悲しいことに、それは私にエラーをスローし、私はなぜか、ここにあるrelated post

オブジェクトの私の配列は次のようになります。私のパイプはこのようになります

：

import {Injectable, Pipe} from '@angular/core'; 
import * as _ from 'lodash'; 

@Pipe({ name: 'order-by' }) 
export class OrderByPipe { 
    transform(array, args) { 
    return _.sortBy(array, args); 
    } 
} 

マイ* ngFor：

<button ion-item *ngFor="let user of users | order-by:'likes'" > 

のErrまたは

TypeError: Cannot read property 'toUpperCase' of undefined (" 

    <ion-list> 
      <button ion-item [ERROR ->]*ngFor="let user of users | order-by: 'likes'"> 

その他は同じproblemを持っていました。なぜ動作しないのか分かりません。

配列を並べ替える別のパイプがありますか？ ：） ありがとうございました ！

Answer 1

問題が解決しました。

だから最初にarg0nパイプの名前で最初の問題を解決した、それは-なしにする必要があります。どうもありがとうございました ！

name: sort-byはname: sortByになります。

次に、配列をソートするjavascript関数を検索しました。

マイパイプはその後だった：私のテンプレートで最後に

Cannot read property 'sort' of undefined 

：

import {Injectable, Pipe, PipeTransform} from '@angular/core'; 

@Pipe({ name: 'orderBy' }) 
export class OrderByPipe implements PipeTransform{ 
    transform(arr){ 
    if(arr === undefined){return null;} 
    return arr.sort((a, b) => { 
     if (a.likes < b.likes) { 
     return 1; 
     } 
     if (a.likes > b.likes) { 
     return -1; 
     } 
     return 0; 
    }); 
    } 
} 

ので、角度2における非同期の、私はif(arr === undefined){return null;}が、それ以外の場合はエラーがスロー入れていました.html変更：

<button ion-item *ngFor="let user of (users | orderBy)"> 

（私は私の配列がもうFireBaseListObservableあるので(users | orderBy) | asyncを入れていないが、私の意見では唯一の配列、そうではない必要はありませんでした）