logging

import { Directive, ElementRef, Renderer, HostListener } from "@angular/core";

@Directive({
    selector: '[app-ch-color]'
})
export class bgDirective{
    constructor(private el: ElementRef, private renderer: Renderer){
        this.changeColor('red');
    }
    @HostListener('click') foo(){
        console.log('Host Element is clicked');
        this.changeColor('green');
    }
    changeColor(color: string){
        this.renderer.setElementStyle(this.el.nativeElement, 'color', color);  
    }
}