angular 2 自定义排序管道请帮助我

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

}

它是我的管道 ts

我在 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)
  }
}

angular 2 自定义排序管道请帮助我

angular 2 custom sort pipe help me plase

typescript

ionic2

angular2-directives

angular2-template

angular2-routing