Hola estoy trabajando con angular 14 y estaba probando la comunicación entre 2 inputs pertenecientes a un formulario, el inconveniente viene porque estoy utilizando [(ngModel)]
para tener la comunicación entre los 2 inputs que si alguno de los 2 cambia este afecte al otro con el valor introduccido, el fragmento del formulario es este:
<table class="example-full-width" cellspacing="0">
<tr>
<td>
<mat-form-field class="example-full-width" color="accent" appearance="fill">
<mat-label>Diámetro Exterior</mat-label>
<input matInput type="number" formControlName="CamisaDiametroExterior" required>
</mat-form-field>
</td>
<td>
<mat-form-field class="example-full-width" color="accent" appearance="fill">
<mat-label>Diámetro Interior</mat-label>
<input matInput type="number" formControlName="CamisaDiametroInterior" required (change)="seleccionDEM1(inicio.value.CamisaDiametroInterior)" [(ngModel)]="valorDIntMamelon">
</mat-form-field>
</td>
<td>
<mat-form-field class="example-full-width" color="accent" appearance="fill">
<mat-label>Longitud</mat-label>
<input matInput type="number" formControlName="LongitudCamisa" required [(ngModel)]="valorDIntMamelon">
</mat-form-field>
</td>
</tr>
</table>
Ocupo el formControlName
para ir identificándolo, pero al hacer uso de esta manera me arroja un mensaje diciendo:
It looks like you're using ngModel on the same form field as formControlName. Support for using the ngModel input property and ngModelChange event with reactive form directives has been deprecated in Angular v6 and will be removed in a future version of Angular.
Para ello e investigado un poco y una de las posibles soluciones, que encontré fue la siguiente:
Incluirlo en los inputs que necesite (keypress)="pruebaKey()"
y para asignarlo :
pruebaKey() {
this.formularioForm.get('campoUno').setValue(this.formularioForm.get('CampoDos').value);
}
El detalle es que si lo necesito para varios campos, ahí tendría que declarar varios metodos para poder ir asignando, y no se si habría otra manera de solventar la necesidad sin tener que recurrir a ngModel