NgxYazuoClickOutside

Installation

npm install --save ngx-yazuo-click-outside

Usage

Module:

Import NgxYazuoClickOutside from ngx-yazuo-click-outside

import { NgxYazuoClickOutsideModule } from 'ngx-yazuo-click-outside';

@NgModule({
  // ...
  imports: [
    NgxYazuoClickOutsideModule
  ]
  // ...
})
export class MyAppModule {}

Markup

Use the NgxYazuoClickOutsideDirective passing the parameters allowedClickedClasses and allowedClickedIds for classes and id's to allow clicking, respectively.

    <div class="content" (ngx-yazuo-click-outside)="outsideClicked()" [allowed-clicked-classes]="classesList" [allowed-clicked-ids]="idsList">
    </div>

Component

@Component({
  // ...
})
export class AppComponent implements {

    classesList = ['class1', 'class2', 'class3'];
    idsList = ['id1', 'id2', 'id3'];


    constructor() {}

    outsideClicked() {
      // ...
    }
}