Discussion :

[Tamzoro]

Bonjour,

J'aimerai créer une boucle for en Angular, mais j'ai des difficultés à afficher les éléments (ce n'est pas un tableau).

TS

Code :

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

1
2
3
4
5
6
7
ngOnInit() {
 
  for(let i=0; i<3; i++){
      console.log("Number " + i);
    }
 
  }

Que dois-je mettre dans mon HTML ?
J'ai essayé ceci:

Code :

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

{{ i }}

Je voudrais afficher dans ma page HTML

Number 0
Number 1
Number 2

https://stackblitz.com/edit/angular-...p.component.ts

[krakatoa]

Code :

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

1
2
3
4
5
 
  counter(i: number) {
    // methode 2
    return new Array(i);
  }

Code html :

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

1
2
3
4
5
6
7
<ul>
  <li *ngFor="let number of [0,1,2,3,4]">methode 1 : {{number}}</li>
</ul>
 
<hr>
 
<li *ngFor='let in of counter(10) ;let i = index'>methode 2 : {{i}}</li>

[Tamzoro]

Bonsoir krakatoa,

Merci pour ta réponse, j'avais trouvé ces deux codes sur Sstackblitz, mais j'aimerai éviter les tableaux pour le moment ! C'est pas possible de faire une boucle sans array?

[krakatoa]

non mais c le resultat qui compte, la methode 2 fonctionne très bien

[Tamzoro]

Oui effectivement loool... Je vais utiliser la méthode 2.