Angular 2+ Directive adding pointer cursor for elements using (click) directive.
Respects [disabled] input.
- Get it from
npm i angular-clickable-click --save - Import
ClickableClickModuleimport { ClickableClickModule } from 'angular-clickable-click'; @NgModule({ // ... imports: [ClickableClickModule], // ... }) class AppModule {}
Usage (click here for a demo)
@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;
}