0

Necesito agregar una id como data-attribute a mi input , pero no puedo encontrar la manera de resolverlo.

<input matInput formControlName=“nombre” [attr.data-idQuestion]=“1”

intente esto , pero no funciona

this.FirstFormGroup.get(‘nombre’).getAttribute(‘data-idQuestion’)

Help me

2
  • Listo, ya la hice en español Commented el 19 abr. 2022 a las 5:50
  • No, tampoco funciona :( Commented el 19 abr. 2022 a las 6:01

1 respuesta 1

0

No puedes acceder al elemento por medio de un formulario reactivo. Pero Angular te brinda la posibilidad de hacerlo por medio de la manipulación segura del DOM. Asigna un identificador con un # en el HTML para que pueda bindearse con el .ts

component.html

<input #nombre matInput formControlName="nombre" [attr.data-idQuestion]="1">

Ahora usemos el decorador @viewChild() y capturamos el identificador asignado del HTML. Ahora si puedes usarlo, el decorador estará pendiente de los cambios en el identificador, ya tu sabrás el momento oportuno de utilizar el elemento.

component.ts

nombre @viewChild('nombre'): elementRef;

ngOnInit(): void {
  console.log(this.nombre.nativeElement.getAttribute('data-idQuestion'));
}
2
  • muchas gracias , me sirvio Commented el 19 abr. 2022 a las 15:30
  • Recuerda marcar como correcta para que otros devs puedan guiarse si tienen un problema similar al tuyo. Commented el 19 abr. 2022 a las 17:11

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.