Angular 2 Pipe 参数失败

Question

我正在使用 ionic 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'" >

错误

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 函数，它将对我的数组进行排序。

我的管道当时是：

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;
    });
  }
}

由于 async 在角度 2 中，我不得不输入 if(arr === undefined){return null;} 否则会引发错误：

Cannot read property 'sort' of undefined

最后在我的 template.html 我改成了：

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

（我没有放(users | orderBy) | async，因为我的数组不再是FireBaseListObservable，而只是一个数组，所以我认为没有必要）