@HostBinding and @HostListener: what do they do and what are they for?

by

A quick tip that helps me remember what they do –

HostBinding('value') myValue; is exactly the same as [value]="myValue"

And

HostListener('click') myClick(){ } is exactly the same as (click)="myClick()"

HostBinding and HostListener are written in directives
and the other ones (...) and [..] are written inside templates (of components).

More Related Contents:

  1. What is the lifecycle of a service in Angular 5
  2. How to use angular2 built-in date pipe in services and directives script files [duplicate]
  3. Angular HTML binding
  4. What is the difference between Promises and Observables?
  5. Angular 2: 404 error occur when I refresh through the browser [duplicate]
  6. Angular 2+ – Set base href dynamically
  7. Observable type error: cannot read property of undefined
  8. How can I get new selection in “select” in Angular 2?
  9. How to force a component’s re-rendering in Angular 2?
  10. password and confirm password field validation angular2 reactive forms
  11. Argument of type ‘string | null’ is not assignable to parameter of type ‘string’. Type ‘null’ is not assignable to type ‘string’
  12. What does the “ng-reflect-*” attribute do in Angular2/4?
  13. Inheritance and dependency injection
  14. Angular 2 : routing without changing URL
  15. How to switch layouts in Angular2
  16. Cleanest way to reset forms
  17. Angular2 Tutorial (Tour of Heroes): Cannot find module ‘angular2-in-memory-web-api’
  18. Angular 2.0. Difference @View @Component
  19. Cannot read property of ‘xxx’ of undefined
  20. Can’t bind to ‘for’ since it isn’t a known native property angular2
  21. Dynamic pipe in Angular 2
  22. Angular: How to download a file from HttpClient?
  23. NullInjectorError: No provider for AngularFirestore
  24. Property binding vs attribute interpolation
  25. How to return observable from subscribe
  26. Limit input field to two decimal places – Angular 5
  27. How to create and download text/Json File with dynamic content using angular 2+
  28. Angular4 Load external html page in a div
  29. angular2: http post not executing
  30. FormControl.detectchanges – why use distinctUntilChanged?

Leave a Comment