Angular4: How do I *ngFor, for every number in an int?

Question

I have an int property named "count" in my component.

I would like to display a p tag X amount of times, where X is the int my count property equals. Is there really no simple way to do this, besides messing with fake arrays?

Answer 1

You could easily do it with an pipe filter which transforms an empty array to an number of childs depending on a filter param = number.

Pipe filter

import { Pipe, PipeTransform } from '@angular/core';  

@Pipe({  
    name: 'range',  
    pure: false  
})  

export class RangePipe implements PipeTransform {  
    transform(items: any[], quantity: number): any {  
      items.length = 0;
      for (let i = 0; i < quantity; i++) {
        items.push(i);
      }
      return items;
    }  
}  

View

<div *ngFor="let n of [] | range:100"></div>