Angular 2 change event on every keypress

by

I just used the event input and it worked fine as follows:

in .html file :

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

in .ts file :

onSearchChange(searchValue: string): void {  
  console.log(searchValue);
}

More Related Contents:

  1. Can I get today’s date plus one month in moment js? [duplicate]
  2. angular-cli server – how to proxy API requests to another server?
  3. Changing the page title using the Angular 2 new router [duplicate]
  4. Passing data into “router-outlet” child components
  5. How to instantiate and apply directives programmatically?
  6. How can get HttpClient Status Code in Angular 4
  7. Angular 4 – Update Meta tags dynamically for Facebook (Open graph)
  8. How to access a constant in an Angular 2 component and service?
  9. Angular2 child component as data
  10. Is there a type for “Class” in Typescript? And does “any” include it?
  11. angular 2 – adding 3rd party libs
  12. Cannot find a differ supporting object ‘[object Object]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays
  13. @firebase/firestore: Firestore (5.0.4): Could not reach Cloud Firestore backend. Backend didn’t respond within 10 seconds
  14. Is Angular 2’s Router broken when using HTML5 routes? [duplicate]
  15. Angular2 router.navigate refresh page
  16. Angular 6 – Could not find module “@angular-devkit/build-angular”
  17. What are all the valid selectors for ViewChild and ContentChild?
  18. No methods in http response object
  19. Redirect to a different component inside @CanActivate in Angular2
  20. What is the difference between ActivatedRoute and ActivatedRouteSnapshot in Angular4
  21. ERROR in TypeError: Cannot read property ‘flags’ of undefined
  22. How to get Angular2 to bind component in innerHTML
  23. Want to prevent Component recreation while routing in Angular 2
  24. How to clear form after submit in Angular 2?
  25. Page transition animations with Angular 2.0 router and component interface promises
  26. Inject Http manually in Angular 2
  27. Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat ‘C:\DumpStack.log.tmp
  28. Angular 6 Uncaught ReferenceError: Buffer is not defined
  29. Angular 6 Migration -.angular-cli.json to angular.json
  30. Filtering specific column in Angular Material Table with filtering in angular?

Leave a Comment