angular 2 custom sort pipe 请帮帮我

Question

 *ngFor="let match of virtual | groupby : 'gameid'

我有这样的代码。我有一个管道。 gameid 就像 23342341 。

我需要按 gameid 对这个数组进行 asc 排序。帮帮我，伙计们。我需要什么样的代码。

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

/**
 * Generated class for the GroupbyPipe pipe.
 *
 * See https://angular.io/api/core/Pipe for more info on Angular Pipes.
 */
@Pipe({
  name: 'groupby',
})
export class GroupbyPipe implements PipeTransform {
  /**
   * Takes a value and makes it lowercase.
   */
   transform(array: Array<string>, args: string): Array<string> {
        if (array !== undefined) {
            array.sort((a: any, b: any) => {
                if ( a[args] < b[args] ){
                    return -1;
                } else if ( a[args] > b[args] ) {
                    return 1;
                } else {
                    return 0;   
                }
            });
        }
        return array;
    }

}

它是我的管道

我在 google 中找到了代码，但它不起作用。任何人都会帮助我如何通过gameid（整数）对管道上的数组进行排序？

Answer 1

我添加了 changeDetectorRef 来检测本地的变化。有时订阅内部的数据更改不会反映。下面是我的带有 changeDetectorRef 和 slice 的示例代码。两者都用，看看。 This is my working version here

import { Component, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
 term:string = "";
  topics = [
    {type:"NonFiction", name:"Titanic", num:2},
    {type:"Fiction", name:"Avatar", num:1},

    {type:"Tragedy", name:"MotherIndia",num:5},
  ];
  constructor(public ref : ChangeDetectorRef) { }

  ngOnInit() {
    this.addTopic();
  }

  addTopic(){
    setTimeout(()=>{
      console.log("triggered");
      this.topics.push({type:"share", name:"MotherIndia",num:3});
      this.topics=this.topics.slice();
      this.ref.detectChanges();
    },5000)
  }
}