<ng-container>
<tr
*ngFor="let row of group.values | filter:filterText:filterExclude"
(click)="doSelectRow(row)"
[ngClass]="{'selected': doSelected(row)}"
>
.........
<ng-container>
По клику на иконку
Click чуть позже навешу
Нужен сам механизм
<ng-template #wGroup>
<ng-container *ngFor="let group of results">
<tr class="group">
<td [attr.colspan]="groupingSpan">
<div class="h-full w-full flex items-center text-light-blue-800 font-medium">
<div class="mr-2 text-xs cursor-pointer">
<i class="fas fa-plus stroke-0"></i>
</div>
<span class="ml-auto">{{ group.name }} ( {{ group.values.length }} Record{{ group.values.length > 1 ? 's' : '' }} )</span>
</div>
</td>
</tr>
<ng-container>
<tr
*ngFor="let row of group.values | filter:filterText:filterExclude"
(click)="doSelectRow(row)"
[ngClass]="{'selected': doSelected(row)}"
>
<td *ngFor="let column of columns" [class]="column.tdClass">
<ng-container *ngIf="column.template; else rawValue">
<ng-container
*ngTemplateOutlet="column.template; context: {row: row, $implicit: row[column.key]}"
>
</ng-container>
</ng-container>
<ng-template #rawValue>
{{row[column.key]}}
</ng-template>
</td>
</tr>
</ng-container>
</ng-container>
</ng-template>
Что скрыть?
<ng-container> <tr *ngFor="let row of group.values | filter:filterText:filterExclude" (click)="doSelectRow(row)" [ngClass]="{'selected': doSelected(row)}" > <td *ngFor="let column of columns" [class]="column.tdClass"> <ng-container *ngIf="column.template; else rawValue"> <ng-container *ngTemplateOutlet="column.template; context: {row: row, $implicit: row[column.key]}" > </ng-container> </ng-container> <ng-template #rawValue> {{row[column.key]}} </ng-template> </td> </tr> </ng-container> Вот этот контейнер целиком
Скопируйте и вставьте код ниже:
А если серьезно, повесьте ngif
https://pastebin.com/HvR3UGgZ
Обсуждают сегодня