Tri de tableau

Version imprimable

Tri de tableau

Bonjour ,
Je débute avec Angular.
J’ai un site web qui consomme une api en asp.net core.

J'ai un RepositoryService qui consulte cette api. Cela fonctionne sans problème.
J'obtiens bien des résultats via la fonction ci-dessous:
Code:

1 2 3 4 5 6 7 8 getData = () => { let apiNavigation: string = environment.apiAddress + 'Navigation'; this.repository.getData(apiNavigation) .subscribe(result => this.navigations = result as INavigation[]); this.navigations.sort((a,b) => b.sequence - a.sequence); console.log(this.navigations); }
A noter que navigation est défini plus haut comme ceci:

Code:

navigations: INavigation[] = [];

Ce tableau navigation contient bien les données dont j'ai besoin.

J'essaie donc de trier les résultats obtenus de façon ascendante sur le champ sequence comme ceci :

Code:

this.navigations.sort((a,b) => b.sequence - a.sequence);

D'après les recherches que j'ai fait sur internet cela devrait fonctionner mais ce n'est pas le cas.

Quelle est l'erreur ou n'est-ce pas la bonne façon de faire?

Merci pour votre aide.

ça donne quoi ?

Code:

1
2
3
4
5
6
7
8
9
10
 
 getData = () => {
    let apiNavigation: string = environment.apiAddress + 'Navigation';
    this.repository.getData(apiNavigation)
        .subscribe(result => this.navigations = result as INavigation[]);
 
    console.log('before', JSON.stringify(this.navigations));
    this.navigations.sort((a,b) => b.sequence - a.sequence);
    console.log('after', this.navigations);
  }

si tu peux faire un copier coller du resultat en texte

31/08/2021, 16h23
paintbox

1 pièce(s) jointe(s)

Merci pour ton aide.

Les affichages à la console sont vide.
Pièce jointe 604142
Pourtant, j'ai bien les données dont j'ai besoin.

Je viens de trouver la solution. Le tri doit se faire dans le subscribe.
Ce qui donne ceci :

Code:

1
2
3
4
5
6
7
8
9
10
 
getData = () => {
    let apiNavigation: string = environment.apiAddress + 'Navigation';
    this.repository.getData(apiNavigation)
        .subscribe(response => {
          this.navigations = response as INavigation[];
          this.navigations.sort((a,b) => a.sequence - b.sequence)
        });
      }    
    }

En espérant que cela puisse en aider d'autres.

Merci pour ton aide Krakatoa.

31/08/2021, 19h03
krakatoa

ah oui lol
oups, je n'ai pas fais attention !

bien vu !