angular-clickable-click/src/click.directive.ts

Angular 2+ Directive setting 'cursor: pointer' for all elements using (click) directive

import { Directive, HostBinding, Input, OnChanges, SimpleChanges } from '@angular/core';

@Directive({selector: '[click],[click][disabled]'})
export class ClickDirective implements OnChanges {
    @Input('disabled') disabled: boolean = false;
    @HostBinding('style.cursor') cursor: string = 'pointer';
    @HostBinding('style.pointer-events') pointerEvents: string = 'auto';

    public ngOnChanges(changes: SimpleChanges) {
        if (changes['disabled']) {
            this.pointerEvents = this.disabled ? 'none' : 'auto';
            this.cursor = this.disabled ? 'not-allowed' : 'pointer';
        }
    }
}