Recibo un error de sintaxis cuando escribo este código...
<tbody> <tr *ngFor="let incident of incidents | paginate: { itemsPerPage: itemsPerPage, currentPage: page }"> <td>{{ incident.name }}</td> <td>{{ incident.type }}</td> <td>{{ incident.str }}</td> <td>{{ incident.mtdna }}</td> <td>{{ incident.ystr }}</td> <td>{{ incident.xstr }}</td> <td>{{ incident.snps }}</td> <td> <button type="submit" (click)="editRecord({{incident.id}})" class="btn btn-primary float-start"> Edit {{ incident.id }} </button> </td> </tr> </tbody> El problema es la parte (click)="editRecord({{incident.id}})" de este código.
Angular 11 no me permite incrustar la identificación en la llamada al método editRecord().
Si escribo (click)="editRecord(1) , el error desaparece.
Mi pregunta es, ¿cómo inserto la identificación en la llamada al método editRecord?
No hay necesidad de {{ }}, simplemente puede evitarlo porque (clic)=" expects variable or method calls or executable code "
<button type="submit" (click)="editRecord(incident.id)" class="btn btn-primary float-start"> Edit {{ incident.id }} </button>