SDS Components :: Angular Click Outside Directive

Directive emits event when clicking outside of the element where directive applies.

The $event emitted is undefined.

Compatibility

Angular >= v.8.2.10

Run npm install @stratiods/click-outside or

run yarn add @stratiods/click-outside.

You need to import ClickOutsideModule into your module imports section.

Then use this way:

<div
  sdsClickOutside
  (clickOutside)="clickOutsideActionMethod()">
  Some content...
</div>

@Input() apply: boolean = true;
You can dcide through this boolean input if directive works or not.

DEFAULT: true

@Input() exceptions: Array<string> = [];
Array composed by external DOM id's that by clicking on them, the clickOutside event is not emitted.

DEFAULT: []

@Output() clickOutside: EventEmitter<undefined> = new EventEmitter();
Emits event when clicking outside of the element where directive applies.