https://github.com/paveldymkov/ng-track-by

https://github.com/paveldymkov/ng-track-by

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/paveldymkov/ng-track-by
• Owner: PavelDymkov
• License: mit
• Created: 2021-08-08T13:13:32.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-09-19T11:32:42.000Z (over 3 years ago)
• Last Synced: 2024-11-28T09:04:04.575Z (about 1 month ago)
• Language: TypeScript
• Size: 263 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# trackBy and trackById directives

![build passing](https://raw.githubusercontent.com/PavelDymkov/ng-track-by/master/badges/build.svg)

![tests passing](https://raw.githubusercontent.com/PavelDymkov/ng-track-by/master/badges/tests.svg)

![license](https://raw.githubusercontent.com/PavelDymkov/ng-track-by/master/badges/license.svg)

> Library for set a value of the ngForTrackBy without adding any code to a component using only a template.

## Usage

Add directive(s) to module:

```ts

import { CommonModule } from "@angular/common";

import { TrackByModule, TrackByIdModule } from "ng-track-by";

@NgModule({

    imports: [CommonModule, TrackByModule, TrackByIdModule],

    declarations: [MyComponent],

})

export class MyComponentModule {}

```

Now you can use `trackBy` and `trackById`:

```html



    
{{ user.name }}





    
{{ item.value }}



```


The `trackById` is an alias for `trackBy="id"`.

The `trackBy` directive specifies the key in item of a collection according to which compute the identity of items.