igniteui-angular-sovn/src/lib/grids/summaries/summary-cell.component.html

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

<ng-container *ngIf="hasSummary">
    <ng-container *ngTemplateOutlet="summaryTemplate ? summaryTemplate : defaultSummary; context: { $implicit: summaryResults }">
    </ng-container>
</ng-container>
    <ng-template #defaultSummary>
        <ng-container *ngFor="let summary of summaryResults" >
            <div class="igx-grid-summary__item" [style.height.px]="itemHeight">

                <span class="igx-grid-summary__label" [title]="summary.label">{{ translateSummary(summary) }}</span>
                <span class="igx-grid-summary__result" [title]="formatSummaryResult(summary)">
                    {{
                        formatSummaryResult(summary)
                    }}
                </span>
            </div>
        </ng-container>
    </ng-template>