Property ‘value’ does not exist on type EventTarget in TypeScript [duplicate]

by

event.target here is an HTMLElement which is the parent of all HTML elements, but isn’t guaranteed to have the property value. TypeScript detects this and throws the error. Cast event.target to the appropriate HTML element to ensure it is HTMLInputElement which does have a value property:

(event.target as HTMLInputElement).value

Per the documentation:

Type the $event

The example above casts the $event as an any type. That simplifies the code at a cost. There is no type information that could reveal properties of the event object and prevent silly mistakes.

[…]

The $event is now a specific KeyboardEvent. Not all elements have a value property so it casts target to an input element.

(Emphasis mine)

More Related Contents:

  1. Angular 7 go offline?
  2. How to add number with variable name? [duplicate]
  3. typescript anonymous object with variable based label value
  4. Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  5. How do I download a file with Angular2 or greater
  6. (change) vs (ngModelChange) in angular
  7. Angular 2: How to detect changes in an array? (@input property)
  8. Angular4 – No value accessor for form control
  9. Typescript Type ‘string’ is not assignable to type
  10. Angular 2 Karma Test ‘component-name’ is not a known element
  11. How to call JavaScript functions from Typescript in Angular 5?
  12. How to do the chain sequence in rxjs
  13. Angular 6: How to set response type as text while making http call
  14. ngOnInit not being called when Injectable class is Instantiated
  15. using external JS libraries in my angular 2 project
  16. npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself
  17. Property ‘entries’ does not exist on type ‘ObjectConstructor’
  18. Is it a good practice using Observable with async/await?
  19. How to check for isBrowser in Angular 4
  20. Unraveling Angular 2 book, Chapter 1, Example 5
  21. How to achieve a debounce service on input keyup event in angular2 with rxjs
  22. Angular 2 Component @Input not working
  23. Highlight the search text – angular 2
  24. Cast int to enum strings in Typescript
  25. angular 4+ assign @Input for ngComponentOutlet dynamically created component
  26. How to loop over object properties with ngFor in Angular
  27. Converting an image to base64 in angular 2
  28. how to define index in angular material table
  29. Google Sign-In for Websites and Angular 2 using Typescript
  30. Filter Array in Array by date between 2 dates

Leave a Comment