angular ngfor loop code example

Example 1: angular ngfor index

<ul>
    <li *ngFor="let item of items; let i = index" [attr.data-index]="i">
        {{item}}
    </li>
</ul>

Example 2: how to loop a number in ngfor

//my.component.ts

counter(i: number) {
    return new Array(i);
}
//my.component.html

<li *ngFor='let in of counter(5) ;let i = index'>{{i}}</li>

Example 3: angular for loop

let array = [1,2,3];
for (let i = 0; i < array.length; i++) {
  console.log(array[i]);
}

Tags:

Misc Example

Related