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

Никита Середа · 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

Collectives™ on Stack Overflow

iterate through an array in angular

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest