Skip to content

Instantly share code, notes, and snippets.

@jagomf
Created April 30, 2020 19:44
Show Gist options
  • Save jagomf/cb174e287bc1e8d8a7efbf8532ff176e to your computer and use it in GitHub Desktop.
Save jagomf/cb174e287bc1e8d8a7efbf8532ff176e to your computer and use it in GitHub Desktop.
Detect click outside an Angular component
@Component({ ... })
export class Mva10SelectFieldComponent {
constructor( private elementRef: ElementRef ) { }
onClickOut(targetElement?: HTMLElement): void {
if (!targetElement) { return; }
const clickedInside = this.elementRef.nativeElement.contains(targetElement);
if (!clickedInside) {
// Clicked outside component!
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment