how to define an array in template (not use .ts)

Question

I know the best way is to define a variable from the .ts. But in this case I require to be able to do an *ngFor from a given number, where this number will be an array with this number of positions.

My idea is something like this:

<ng-container * ngFor = "let item of new Array(number)>
  ...
</ng-container>

for example: number =3

<ng-container * ngFor = "let item of new Array(3)>
  repetat 3 times
</ng-container>

is it possible?

Possible, yes, bad idea, likely yes

bryan60
– bryan60

2020-04-01 22:19:29 +00:00
Commented Apr 1, 2020 at 22:19 — bryan60
– bryan60, Commented Apr 1, 2020 at 22:19

Martin Parenteau · Accepted Answer · 2020-04-01 21:40:17Z

2

Here is one way, using a string. An initial string 'x' is repeated the desired number of times. The array is then obtained by splitting the string on each character.

<ng-container *ngFor="let item of 'x'.repeat(count).split('')">
  ...
</ng-container>

See this stackblitz for a demo.

answered Apr 1, 2020 at 21:40

Martin Parenteau

74k13 gold badges137 silver badges158 bronze badges

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

Collectives™ on Stack Overflow

how to define an array in template (not use .ts)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related