ng-track-by
Version:
trackBy and trackById directives which provide TrackByFunction to ngForTrackBy
39 lines (27 loc) • 1.13 kB
Markdown
# trackBy and trackById directives



> 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
<ul *ngFor="let user of users" trackBy="name">
<li>{{ user.name }}</li>
</ul>
<ul *ngFor="let item of items" trackById>
<li>{{ item.value }}</li>
</ul>
```
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.