Le tri d'un tableau d'objets dans Angular2

J'ai des problèmes avec le tri d'un tableau d'objet dans Angular2.

Ressemble l'objet:

[
  {
    "name": "t10",
    "ts": 1476778297100,
    "value": "32.339264",
    "xid": "DP_049908"
  },
  {
    "name": "t17",
    "ts": 1476778341100,
    "value": "true",
    "xid": "DP_693259"
  },
  {
    "name": "t16",
    "ts": 1476778341100,
    "value": "true",
    "xid": "DP_891890"
  }
]

Et est stocké à l'intérieur de la values variable.

Tout ce que je veux, c'est faire le *ngFor boucle de trier par la name propriété.

<table *ngIf="values.length">
    <tr *ngFor="let elem of values">
      <td>{{ elem.name }}</td>
      <td>{{ elem.ts }}</td>
      <td>{{ elem.value }}</td>
    </tr>
</table>

Essayé de le faire avec des tuyaux, mais a échoué lamentablement.
Toute aide appréciée.

Plunker lien: https://plnkr.co/edit/e9laTBnqJKb8VzhHEBmn?p=preview

Modifier

Mon tuyau:

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

@Component({
  selector: 'watchlist',
  templateUrl: './watchlist.component.html',
  styleUrls: ['./watchlist.component.css'],
  pipes: [ ArraySortPipe ]
})
@Pipe({
  name: "sort"
})

export class ArraySortPipe implements PipeTransform {
  transform(array: Array<string>, args: string): Array<string> {
    array.sort((a: any, b: any) => {
      if (a < b) {
        return -1;
      } else if (a > b) {
        return 1;
      } else {
        return 0;
      }
    });
    return array;
  }
}

Et vient de mettre la pipe nom dans le fichier html:

<tr *ngFor="let elem of values | sort">
ce que vous avez essayé jusqu'à présent? Pouvez-vous ajouter de la pipe vous avez essayé de l'écrire ici?
Le tuyau qui Ive fait ne fonctionne pas correctement, mais je vais l'ajouter dès que possible de la modifier.
merci. présenter votre travail dans important pour les personnes à être en mesure de vous aider. 🙂
Puisque vous êtes nouveau, il pourrait être utile de lire le comment demander à un guide, si vous n'avez pas déjà. stackoverflow.com/help/how-to-ask
peut-être que vous devriez essayer de tri sur le nom de la propriété. dans la flèche en fonction de la pipe ne et un.nom < b.nom. 🙂

OriginalL'auteur | 2016-12-12