exposed first, index, last, odd

This commit is contained in:
David Lebee 2021-02-25 16:06:18 -05:00
parent d3a5cb1cc4
commit 0a3247ab81
3 changed files with 12 additions and 5 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "@poweredsoft/ngx-cdk-ui", "name": "@poweredsoft/ngx-cdk-ui",
"version": "0.0.7", "version": "0.0.8",
"peerDependencies": { "peerDependencies": {
"@angular/common": "^9.1.9", "@angular/common": "^9.1.9",
"@angular/core": "^9.1.9" "@angular/core": "^9.1.9"

View File

@ -34,7 +34,7 @@
</tr> </tr>
</thead> </thead>
<tbody *ngIf="!noData else noResultTemplate"> <tbody *ngIf="!noData else noResultTemplate">
<tr *ngFor="let rowModel of latestResult.data; let i = index"> <tr *ngFor="let rowModel of latestResult.data; let i = index; let first = first; let last = last; let odd = odd">
<td *ngFor="let column of columns"> <td *ngFor="let column of columns">
<ng-container *ngIf="hasCellTemplate(column)"> <ng-container *ngIf="hasCellTemplate(column)">
<ng-container <ng-container
@ -42,7 +42,10 @@
[ngTemplateOutletContext]="{ [ngTemplateOutletContext]="{
$implicit: rowModel, $implicit: rowModel,
column: column, column: column,
rowIndex: i rowIndex: i,
first: first,
last: last,
odd: odd
}" }"
></ng-container> ></ng-container>
</ng-container> </ng-container>

View File

@ -1,9 +1,13 @@
<ng-container [ngTemplateOutlet]="getViewHeaderTemplate()"></ng-container> <ng-container [ngTemplateOutlet]="getViewHeaderTemplate()"></ng-container>
<ng-container *ngIf="!noData else noResultTemplate"> <ng-container *ngIf="!noData else noResultTemplate">
<div [ngClass]="listViewClasses"> <div [ngClass]="listViewClasses">
<ng-container *ngFor="let item of latestResult.data"> <ng-container *ngFor="let item of latestResult.data; let index = index; let first = first; let last = last; let odd = odd">
<ng-container [ngTemplateOutlet]="getViewItemTemplate()" [ngTemplateOutletContext]="{ <ng-container [ngTemplateOutlet]="getViewItemTemplate()" [ngTemplateOutletContext]="{
$implicit: item $implicit: item,
index: index,
first: first,
last: last,
odd: odd
}"> }">
</ng-container> </ng-container>
</ng-container> </ng-container>