自定义 OrderPipe 在 Angular 4 中不起作用？

Question

我创建了一个自定义管道来对对象数组进行排序，但管道不工作？ 我的 [ {name , population , variable }] 数组。我想根据人口对对象数组进行排序

管道：

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

     @Pipe ({
    name:'order'
    })

    export class OrderByPipe implements PipeTransform{
    transform(value: any[], property: any, descending?: boolean): any {
    if (!value || value.length) {
      return value;
    }

    value.sort((first: any, second: any): number => {
        return first[property] > second[property] ? 1 : -1;
    });

    if (descending) {
      return value.reverse();
    }

    return value;
  }
} 

HTML：

 <ul>
 <li *ngFor="let items of results"
   {{items.name | order:'population':'true'  }}
</li>
</ul>

Answer 1

你应该有这样的

<li *ngFor="let items of results | order:'population':'true'">
   {{items.name}}
</li>

另外你的Pipe有问题你需要检查数组的长度是否为0，否则它总是会返回相同的数组而不进行排序

 if (!value || value.length == 0) {
      return value;
 }

DEMO