NGX Repeat Times

When you need to repeat templates based on a number rather than a collection or iterable like this:

1<div *repeatTimes="length; index as i">
2  {{ i }} This will render {{ length }} times
3</div>

Installation

1
2npm install ngx-repeat-times
3

Add the NgxRepeatTimesModule to the imports array of the NgModule decorator

1import { NgxRepeatTimesModule } from "ngx-repeat-times";
2
3@NgModule({
4  //...
5  imports: [
6    //...
7    NgxRepeatTimesModule,
8    //...
9  ],
10  //...
11})
12export class ExampleModule {}

Usage

1<!-- some.component.html -->
2
3<div *repeatTimes="length; index as i">
4  {{ i }} This will render {{ length }} times
5</div>
6
7<!-- or -->
8
9<div *repeat="let index times length;">
10  {{ index }} This will render {{ length }} times
11</div>

View Source · Report Bug · Request Feature

🚀   Declarative · 🎉   Very Simple to use · 🍻   No Need to Hacking NgFor ·

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

License

Distributed under the MIT License. See LICENSE.md for more information.

(back to top)

Contact

Nivrith - @_Nivrith_ - nivrithgomatam@gmail.com

Project Link: https://github.com/nivrith/ngx-repeat-times

(back to top)