docs(ngFor): add documentation for ngForTrackBy (#10780)
* docs(ngFor): add documentation for ngForTrackBy * wo/ prefix
This commit is contained in:
parent
916ed55d82
commit
3c23238129
|
@ -62,11 +62,22 @@ export class NgForRow {
|
||||||
* elements were deleted and all new elements inserted). This is an expensive operation and should
|
* elements were deleted and all new elements inserted). This is an expensive operation and should
|
||||||
* be avoided if possible.
|
* be avoided if possible.
|
||||||
*
|
*
|
||||||
|
* To customize the default tracking algorithm, `NgFor` supports `trackBy` option.
|
||||||
|
* `trackBy` takes a function which has two arguments: `index` and `item`.
|
||||||
|
* If `trackBy` is given, Angular tracks changes by the return value of the function.
|
||||||
|
*
|
||||||
* ### Syntax
|
* ### Syntax
|
||||||
*
|
*
|
||||||
* - `<li *ngFor="let item of items; let i = index">...</li>`
|
* - `<li *ngFor="let item of items; let i = index; trackBy: trackByFn">...</li>`
|
||||||
* - `<li template="ngFor let item of items; let i = index">...</li>`
|
* - `<li template="ngFor let item of items; let i = index; trackBy: trackByFn">...</li>`
|
||||||
* - `<template ngFor let-item [ngForOf]="items" let-i="index"><li>...</li></template>`
|
*
|
||||||
|
* With `<template>` element:
|
||||||
|
*
|
||||||
|
* ```
|
||||||
|
* <template ngFor let-item [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn">
|
||||||
|
* <li>...</li>
|
||||||
|
* </template>
|
||||||
|
* ```
|
||||||
*
|
*
|
||||||
* ### Example
|
* ### Example
|
||||||
*
|
*
|
||||||
|
|
Loading…
Reference in New Issue