ClickOutside-Directive

Configuration

import { NGX_CLICK_OUTSIDE_CONFIG } from '@angular/common';

@NgModule({
  providers: [
    {
      provide: NGX_CLICK_OUTSIDE_CONFIG,
      useValue: {
        events: ['click', 'touchstart'],
      },
    },
  ],
})
export class AppModule {
}

Usage

<div (ngxClickOutside)="onOutsideClick($event)">
</div>

<div (ngxClickOutside)="onOutsideClick($event)" [ngxClickoutsideActive]="false">
</div>

TODO: Add better documentation

Configuration
Usage