Puedes hacer dos cosas:
- Poner el mismo
formControlName
a los dos campos
Nota: Esto hace que al escribir en el campo 1 ponga el mismo texto en el campo 2, esto tiene un problema al momento de enviar los datos o al limpiar el campo ya que si limpia uno el otro también se limpiara y al enviar los datos puede que no se envien.
- Puedes tener los dos
input
con formControlName
diferentes y creas un método que ingrese el texto al presionar las teclas en el otro campo de esta forma:
Al campo en el html
agregas este codigo puedes utilizar cualquiera de los dos
(keypress)="pruebaKey()"
(input)="pruebaKey()"
Puedes agregar cualquiera de los dos
Y en el component agregas el siguiente código:
pruebaKey() {
this.formularioForm.get('campoUno').setValue(this.formularioForm.get('CampoDos').value);
}
Así al momento de escribir ingresa el texto en el otro campo y tienes dos valores diferentes por campo ya que los formControlName
son diferentes
Trata de agregar la opción dos a tu código, por eso en la respuesta puse la nota
, si pones dos campos con el mismo formcontrolname
tendrás problemas al enviar la información o eliminarla del campo , la mejor opción es la 2 , poner dos controles con nombres diferentes y setear el valor de uno al otro
pruebaKey() {
this.formularioForm.get('campoUno').setValue(this.formularioForm.get('CampoDos').value);
}