https://github.com/celtian/ngx-repeat

Angular directive for repeating HTML element by count
https://github.com/celtian/ngx-repeat

angular library

Last synced: about 10 hours ago
JSON representation

Angular directive for repeating HTML element by count

• Host: GitHub
• URL: https://github.com/celtian/ngx-repeat
• Owner: Celtian
• License: mit
• Created: 2021-02-16T21:51:49.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-10-17T19:23:07.000Z (30 days ago)
• Last Synced: 2024-11-13T00:34:12.159Z (3 days ago)
• Topics: angular, library
• Language: TypeScript
• Homepage: https://celtian.github.io/ngx-repeat
• Size: 2.22 MB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

        


  

  
NgxRepeat


[![npm version](https://badge.fury.io/js/ngx-repeat.svg)](https://badge.fury.io/js/ngx-repeat)

[![Package License](https://img.shields.io/npm/l/ngx-repeat.svg)](https://www.npmjs.com/ngx-repeat)

[![NPM Downloads](https://img.shields.io/npm/dm/ngx-repeat.svg)](https://www.npmjs.com/ngx-repeat)

[![Snyk](https://snyk.io/advisor/npm-package/ngx-repeat/badge.svg)](https://snyk.io/advisor/npm-package/ngx-repeat)

[![codecov](https://codecov.io/gh/Celtian/ngx-repeat/branch/master/graph/badge.svg?token=1IRUKIKM0D)](https://codecov.io/gh/celtian/ngx-repeat/)

[![stars](https://badgen.net/github/stars/celtian/ngx-repeat)](https://github.com/celtian/ngx-repeat/)

[![forks](https://badgen.net/github/forks/celtian/ngx-repeat)](https://github.com/celtian/ngx-repeat/)

[![HitCount](http://hits.dwyl.com/celtian/ngx-repeat.svg)](http://hits.dwyl.com/celtian/ngx-repeat)

> Angular directive for repeating HTML element by count

> ✓ _Angular 18 compatible_

Here's the [demo](http://celtian.github.io/ngx-repeat/) or [stackblitz live preview](https://stackblitz.com/edit/ngx-repeat) or [codesandbox live preview](https://codesandbox.io/s/ngx-repeat-bew8f)

- Lightweight

- No dependencies!

- Directive way

## 🛠️ Install

1. Use yarn (or npm) to install the package

```terminal

yarn add ngx-repeat

```

2. Add NgxRepeatDirective into your component`

```typescript

import { NgxRepeatDirective } from 'ngx-repeat';

@Component({

  standalone: true,

  imports: [NgxRepeatDirective /*, ...*/],

   // ...

})

```

or module

```typescript

import { NgxRepeatDirective } from 'ngx-repeat';

@NgModule({

 // ...

 imports: [

   // ...

   NgxRepeatDirective

 ]

})

```

## 🚀 Quick start

### Example code

```html



  {{ index }} {{ even }} {{ odd }} {{ first }} {{ last }}



```


### Result

```code

  0 true false true false

  1 false true false false

  2 true false false true

```

## 🔧 Compatibility

| Angular   | ngx-repeat | Install                 |

| --------- | ---------- | ----------------------- |

| >= 14     | 2.x        | `yarn add ngx-repeat  ` |

| >= 12     | 1.x        | `yarn add ngx-repeat@1` |

| >= 5 < 13 | 0.x        | `yarn add ngx-repeat@0` |

## 📦 Dependencies

_None_

## 🪪 License

Copyright © 2021 - 2024 [Dominik Hladik](https://github.com/Celtian)

All contents are licensed under the [MIT license].

[mit license]: LICENSE