Tengo en un pie de página 3 botones. Cuando hago clic en "siguiente", redirijo a otra página. Pero cuando hago clic en "Editar", solo habilitaría algún campo, mientras hace la misma acción del siguiente botón (redireccionar a otra página).

En tu opinión, ¿por qué tengo este comportamiento?

 <div class="row"> <div class="card-footer-sx col"> <button class="btn back-btn" href="javascript:void(0)" (click)="goBack()">Back</button> </div> <div class="card-footer-center col" style="display: contents" href="javascript:void(0)"> <button class="btn next-btn float-center" (click)="enableEditing()">Edit</button> </div> <div class="card-footer-dx col " > <div class="pointer flex-end"> <div class="container-next-button"> <div class="app-loader loader-border app-loader-button" *ngIf="loading"> <div class="loader"> <div class="la-ball-pulse loaderColor"> <div></div> <div></div> <div></div> </div> </div> </div> <button class="btn next-btn float-right error" (click)="goToNext(undefined)" role="button">Next </button> </div> </div> </div> </div>

página.ts

 enableEditing(){ this.checkEdit = !this.checkEdit; } goToNext(customer){ // navigate to another page }