Discussion :

[paintbox]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

  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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[krakatoa]

ça donne quoi ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[paintbox]

Merci pour ton aide.

Les affichages à la console sont vide.

Pourtant, j'ai bien les données dont j'ai besoin.

[paintbox]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[krakatoa]

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

bien vu !