iterate through an array in angular

Question

I'm new to Angular. I do not quite understand how *ngFor works in angular. Apperantly, you can only use it if you iterate through an array of objects and not only for an array. For my project, I need to go through an array that contains some IDs. Depending on that ID I will apply a badge. Somehow it only works for one and not for multiple. I hope i explained it properly, ask for more information if it's not clear what I tried to explain. ids_pic

Hi Lexy and welcome to Stack Overflow. Can you please add a starting point in code and what you have tried yourself? — Roy
– Roy, Commented Jul 19, 2022 at 8:54
Can you show and explain more details, Add a example data, code and/or image for visualization of your question, you will get downvoted — Francis G
– Francis G, Commented Jul 19, 2022 at 8:56
Please provide enough code so others can better understand or reproduce the problem. — Community
– Community Bot, Commented Jul 19, 2022 at 12:56
Nevermind I actually solved the problem now - had to iterate through an array of objects — Lexy Andrews
– Lexy Andrews, Commented Jul 20, 2022 at 9:07

Никита Середа · Accepted Answer · 2022-07-19 09:17:40Z

1

@Component({/**/})
class MyComponent {
  public myArray: number[] = [11,12];
}

html:

<!-- ng-container for no html but with eaching -->
<ng-container *ngFor="let number of myArray"> 
  <div>{{number}}</div>
</ng-container>

or like this:

<!-- only one decorator with * per html block, for more when one - use ng-container -->
<div *ngFor="let number of myArray">{{number}}</div>

answered Jul 19, 2022 at 9:17

Никита Середа

2,0861 gold badge20 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

iterate through an array in angular

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related