Skip to content
Adds cursor: pointer styling to elements having (click) directive, prevents event when disabled.
TypeScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
.gitignore
LICENSE
README.md
package-lock.json
package.json
tsconfig.json
tslint.json

README.md

Clickable (click) for Angular 4+

Angular 4+ Directive adding pointer cursor for elements using (click) directive.

Installation

  1. Get it from npm i angular-clickable-click --save
  2. Import ClickableClickModule
    import { 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;
}
You can’t perform that action at this time.