francesco/udemy.angular
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Dropdown closing by clicking anywhere else

Browse Source
This commit is contained in:
francesco 2021-12-14 17:43:03 +01:00
parent 9d14df3a3b
commit 8b0a745358
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
project/src/app/shared/dropdown.directive.ts
View File

@ -1,12 +1,12 @@
import { Directive, HostListener, HostBinding } from '@angular/core'; import {Directive, ElementRef, HostBinding, HostListener} from '@angular/core';
@Directive({ @Directive({
selector: '[appDropdown]' selector: '[appDropdown]'
}) })
export class DropdownDirective { export class DropdownDirective {
@HostBinding('class.open') isOpen = false; @HostBinding('class.open') isOpen = false;
@HostListener('document:click', ['$event']) toggleOpen(event: Event) {
@HostListener('click') toggleOpen() { this.isOpen = this.elRef.nativeElement.contains(event.target) ? !this.isOpen : false;
this.isOpen = !this.isOpen;
} }
constructor(private elRef: ElementRef) {}
} }