src/app/recipes/recipes.component.html

@@ -5,26 +5,21 @@
       <ng-container matColumnDef="id">
         <th mat-header-cell *matHeaderCellDef> id </th>
         <td mat-cell *matCellDef="let element"> 
-            <a [routerLink]="['/recipe/', element.id]" >
                 {{element.id}}
-            </a>
+        </td>
       </ng-container>
 
       <ng-container matColumnDef="name">
         <th mat-header-cell *matHeaderCellDef> name </th>
         <td mat-cell *matCellDef="let element">
-            <a [routerLink]="['/recipe/', element.id]" >
                 {{element.name}}
-            </a>
         </td>
       </ng-container>
 
       <ng-container matColumnDef="description">
         <th mat-header-cell *matHeaderCellDef> description </th>
         <td mat-cell *matCellDef="let element">
-            <a [routerLink]="['/recipe/', element.id]" >
                 {{element.description}}
-            </a>
         </td>
       </ng-container>
 
@@ -37,7 +32,9 @@
 
   
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-      <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+      <tr mat-row *matRowDef="let element; columns: displayedColumns" [routerLink]="['/recipe/', element.id]"></tr>
+
+
     </table>
   
     <mat-paginator [pageSizeOptions]="[5, 10, 20]"