Es la primera vez que publico aquí, de antemano doy gracias a las posibles respuestas o ayuda que reciba; mi problema es el siguiente: Tengo un modal con un formulario, dentro del formulario hay una tabla con varias columnas, tres de ellas son "Debe", "Haber" y "Debe + Haber". En cada fila de "debe" y "haber" el usuario introduce valores numéricos y al lado aparece la suma correspondiente de ambas filas en "debe + haber". (Agregué un botón para probar llamando a la función correspondiente) Resulta que no aparece el valor total de la sumatoria, únicamente sale 0 y he probado mil formas de realizar esa simple suma pero no consigo realizarla, siento que quizás es un error de novata pero no logro ver cuál es el fallo. Dejaré a continuación lo que tengo en esa parte:
En modal.component.ts tengo (he inicializado todos esos valores a 0):
sumar(){
this.resultado = this.valordebe + this.valorhaber }
En modal.component.html tengo:
<td>
<input [(ngModel)]="valordebe" (keypress)="onlyNum($event)" type="number" class="form-control" >
</td>
<td>
<input [(ngModel)]="valorhaber" (keypress)="onlyNum($event)" type="number" class="form-control" >
</td>
<td>
<button type="button" class="btn" (click)="sumar()">SUMAR</button>
<input type="number" class="form-control" value={{resultado}} readonly>
</td>