Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

380
Views
Evento de cambio angular 2 en cada pulsación de tecla

El evento de cambio solo se llama después de que el foco de la entrada haya cambiado. ¿Cómo puedo hacer que el evento se active con cada pulsación de tecla?

 <input type="text" [(ngModel)]="mymodel" (change)="valuechange($event)" /> {{mymodel}}

El segundo enlace cambia en cada pulsación de tecla por cierto.

over 4 years ago · Santiago Trujillo
3 answers
Answer question

0

Acabo de usar la entrada del evento y funcionó bien de la siguiente manera:

en archivo .html:

 <input type="text" class="form-control" (input)="onSearchChange($event.target.value)">

en el archivo .ts:

 onSearchChange(searchValue: string): void { console.log(searchValue); }
over 4 years ago · Santiago Trujillo Report

0

Use ngModelChange dividiendo la sintaxis [(x)] en sus dos partes, es decir, enlace de datos de propiedad y enlace de eventos:

 <input type="text" [ngModel]="mymodel" (ngModelChange)="valuechange($event)" /> {{mymodel}}
 valuechange(newValue) { mymodel = newValue; console.log(newValue) }

También funciona para la tecla de retroceso.

over 4 years ago · Santiago Trujillo Report

0

El evento (keyup) es su mejor apuesta.

Veamos por qué:

  1. (cambiar) como mencionó, se activa solo cuando la entrada pierde el foco, por lo tanto, es de uso limitado.
  2. (pulsación de tecla) se activa al presionar una tecla, pero no se activa con ciertas pulsaciones de tecla, como la tecla de retroceso.
  3. (keydown) se dispara cada vez que se presiona una tecla. Por lo tanto, siempre tiene un retraso de 1 carácter; ya que obtiene el estado del elemento antes de que se registrara la pulsación de tecla.
  4. (keyup) es su mejor apuesta, ya que se activa cada vez que se completa un evento de pulsación de tecla, por lo tanto, esto también incluye el carácter más reciente.

Entonces (keyup) es lo más seguro porque...

  • registra un evento en cada pulsación de tecla a diferencia del evento (cambio)
  • incluye las teclas que (keypress) ignora
  • no tiene retraso a diferencia del evento (keydown)
over 4 years ago · Santiago Trujillo Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!