What Are @HostBinding() and @HostListener() in Angular?
See the original posting on DZone Python
To understand @HostListener and @HostBinding, you should have basic knowledge about directives in Angular. There are three types of directives in Angular:
- Attribute Directive
- Structural Directive
The basic difference between a component and a directive is that a component has a template, whereas an attribute or structural directive does not have a template. To understand these two concepts, let us start by creating a simple custom attribute directive. The directive below changes the background color of the host element: