Ng-event-outside NPM

ng-event-outside

Installation

npm install ng-event-outside

Usage

Add NgEventOutsideModule to your list of module imports:

import { NgEventOutsideModule } from 'ng-event-outside';

@NgModule({
  imports: [
    ...
    NgEventOutsideModule
],
...
})
export class AppModule { }

Use the ngEventOutside directive in your html templates:

  <button (click)="toggleShow()"> Show <button>
  <div ngIf="*show" (ngEventOutside)="onEventOutside($event)"></div>

export class AppComponent {
  toggleShow() {
    this.show = !this.show;
  }
  
  onEventOutside($event) {
    this.show = false;
  }
}

Outputs

name	description
`(ngEventOutside)`	This event fires when `[eventListener]` invoked outside.

Inputs

Name	Type	Default	Description
`[excludes]`	`HTMLElement[]`	`[]`	An array of excluded elements.
`[eventListener]`	`string`	'click'	A String that specifies the name of the HTML DOM event.

tslib

@everything-registry/sub-chunk-2272 @zalastax/nolb-ng-e @infinitebrahmanuniverse/nolb-ng-e

1.0.0

7 years ago

0.0.1

7 years ago