26023601418

Committed 18 May 2026 08:57AM UTC coverage: 4.854% (-85.3%) from 90.174%

Build # 26023601418

Build Type

Pull #17281

github

Committed by

web-flow

Commit Message

Merge e7ce7a18e into 5a85df190

Pull Request Pull Request #17281: feat: Added virtual scroll component and sample implementation

Coverage Stats

400 of 17347 branches covered (2.31%)

Branch coverage included in aggregate %.

63 of 222 new or added lines in 4 files covered. (28.38%)

27932 existing lines in 341 files now uncovered.

2022 of 32547 relevant lines covered (6.21%)

0.72 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

50.0

/projects/igniteui-angular/virtual-scroll/src/virtual-scroll/virtual-scroll-item.directive.ts

import { Directive, inject, TemplateRef } from "@angular/core";
import { IgxVsItemContext } from "./types";

/**
 * Directive to mark an `ng-template` as the item template for the virtual scroll component.
 * The template provided by this directive will be used to render each item in the virtual scroll.
 * The context for the template will include the item data and its index.
 *
 * @example
 * ```html
 * <igx-virtual-scroll [data]="items">
 *   <ng-template igxVirtualItem let-item let-i="index">
 *     <div>{{ i }}: {{ item }}</div>
 *   </ng-template>
 * </igx-virtual-scroll>
 * ```
 */
@Directive({ selector: "ng-template[igxVirtualItem]" })
export class IgxVirtualItemDirective<T = unknown> {
  public readonly template =
    inject<TemplateRef<IgxVsItemContext<T>>>(TemplateRef);
}

1	import { Directive, inject, TemplateRef } from "@angular/core";
2	import { IgxVsItemContext } from "./types";
3
4	/**
5	* Directive to mark an `ng-template` as the item template for the virtual scroll component.
6	* The template provided by this directive will be used to render each item in the virtual scroll.
7	* The context for the template will include the item data and its index.
8	*
9	* @example
10	* ```html
11	* <igx-virtual-scroll [data]="items">
12	* <ng-template igxVirtualItem let-item let-i="index">
13	* <div>{{ i }}: {{ item }}</div>
14	* </ng-template>
15	* </igx-virtual-scroll>
16	* ```
17	*/
18	@Directive({ selector: "ng-template[igxVirtualItem]" })
19	export class IgxVirtualItemDirective<T = unknown> {	3✔
NEW 20	public readonly template =	×
21	inject<TemplateRef<IgxVsItemContext<T>>>(TemplateRef);
22	}

IgniteUI / igniteui-angular / 26023601418

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous