Discussion :

[keokaz]

Bonjour, je n'arrive pas à saisir ce simple code ?

Code :

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

1
2
3
4
 
sortedArticles(): Article[] {
return this.articles.sort((a: Article, b: Article) => b.votes - a.votes);
}

A quelle moment le paramètre a et b son rentré , on t'il une règle définit ?
par exemple je prend dans le premier pile article ça sera le parametre A et le second le B,
puis je recommence en supprimant la liste du haut, c'est une fonction récusive ?

Voici le module Article:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
import { Component } from '@angular/core';
import { Article } from './article/article.model'; // <-- import this
 
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
 
export class AppComponent {
  articles: Article[]; // <-- component property
  constructor() {
    this.articles = [
      new Article('Angular 2', 'http://angular.io', 3),
      new Article('Fullstack', 'http://fullstack.io', 2),
      new Article('Angular Homepage', 'http://angular.io', 1),
    ];
  }
 
  addArticle(title: HTMLInputElement, link: HTMLInputElement): boolean {
    console.log(`Adding article ** title: ${title.value} and link: ${link.value}`);
    this.articles.push(new Article(title.value, link.value, 0));
    title.value = '';
    link.value = '';
    return false;
    }
    sortedArticles(): Article[] {
      return this.articles.sort((a: Article, b: Article) => b.votes - a.votes);
      }
}

merci d'avance de vos réponses

[Marco46]

Ca n'a pas de rapport particulier avec Angular c'est juste une fonction native des Array en javascript. Cf doc MDN.

[keokaz]

merci, en effet, c'est l'écriture qui m'a perturber :

Code :

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

1
2
3
4
5
6
 
sortedArticles(): Article[] {
   this.articles.sort(function(a: Article, b: Article) {
     b.votes - a.votes;
  };
}