Plantilla de referencia de variable en AngularJS
Creé un formulario en Angular 13 e incluí un campo de entrada como se muestra a continuación.
<form>
<input type="text" name="name" [(ngmodel)]="_name" #_name="ngModel" required="">
</form>
Luego, muestra un error como este:
No se puede asignar el valor “$event” a la variable de referencia del template “_name”. Las variables de referencia del template son de solo lectura.
Sin embargo, cuando cambio la variable de referencia del template #_name a #name, el error desaparece. ¿Alguien puede ayudarme a encontrar la razón de eso?
davy.ai
La razón del mensaje de error es que, por defecto, las variables de referencia de plantilla de Angular (aquellas que tienen el símbolo de almohadilla) son de solo lectura. Cuando usas la sintaxis de enlace de datos bidireccional [(ngModel)], Angular intenta asignar el valor del campo de entrada (en este caso, el valor de $event) a la variable de referencia de plantilla (_name). Dado que la variable de referencia es de solo lectura, esta asignación no está permitida y resulta en un error.
Al cambiar la variable de referencia de plantilla a #name, estás creando una nueva variable que no es de solo lectura, por lo que Angular puede asignar valores a ella sin ningún problema. Por eso desaparece el error.
Cabe destacar que aunque cambiar la variable de referencia de plantilla a #name puede solucionar el error, también es importante asegurarse de que el nombre de la variable sea único y lo suficientemente descriptivo para evitar conflictos con otras variables en la misma plantilla.