Desde el elemento de entrada de una plantilla, deseo pasar el valor de $event.target a una función onChange().
<input (input)="onChange($event.target?.value)"> Esto genera un error: Property 'value' does not exist on type 'EventTarget'.ngtsc(2339) . Mi opinión es que $event.target por defecto tiene un tipo EventTarget y debería convertirse de alguna manera al tipo HTMLInputElement, pero no puedo encontrar una manera de lograrlo. Todos los ejemplos que he encontrado sugieren pasar $event en sí mismo y hacer una conversión dentro del código de un componente. Deshabilitar o reducir el rigor tampoco es una opción para mí. ¿Hay alguna manera de establecer el tipo directamente dentro de una plantilla?
Gracias por adelantado.
¡Pasar $event es una práctica dudosa!
use una variable de referencia de plantilla para obtener la entrada del usuario. Es más fácil llegar a los datos de entrada con la variable de referencia de la plantilla que pasar por el objeto $event.
@Component({ selector: 'app-component', template: ` <input #myInput (input)="onChange(myInput.value)"> ` }) export class AppComponent { values = ''; onChange(value: string) { this.values += value; } }