UNPKG

angular-clickable-click

Version:

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

33 lines (29 loc) 841 B
# Clickable `(click)` for Angular 2+ Angular 2+ Directive adding pointer cursor for elements using `(click)` directive. Respects `[disabled]` input. ## Installation 1. Get it from `npm i angular-clickable-click --save` 2. Import `ClickableClickModule` ```typescript import { ClickableClickModule } from 'angular-clickable-click'; @NgModule({ // ... imports: [ClickableClickModule], // ... }) class AppModule {} ``` ## Usage ([click here for a demo](https://stackblitz.com/edit/angular-gitter-qnta72?file=app%2Fapp.component.ts)) ```typescript @Component({ selector: 'app', template: ` <div (click)="isDisabled = true" [disabled]="isDisabled"> I am <b *ngIf="isDisabled">no longer</b> clickable </div> ` }) export class AppComponent { public isDisabled: boolean = false; } ```