Angular Material List not rendering list properly when the list item is a component
Objective I am attempting to encapsulate the formatting logic (not routing logic) into a component. I am using the Angular Material’s MatList component. <mat-nav-list> <!– The below <a> has some common routing and styling logics –> <a mat-list-item [class.active]=”isActive” routerLinkActive=”active2″ [activated]=”isActive” [routerLink]=”link” > <!– Control formatting –> @if(singleLine) { <app-list-single-line-format [item]=”item” /> } @else { […]
Redundant use of in Angular material table
Is there a way to remove this redundant use of <td mat-cell *matCellDef=”let element”> for the table cells ?
Here’s my code