B
Я плохо знаю Angular
Size: a a a
B
B
L
L
B
L
B
B
B
N
А
L
VL
N
nt
import {Directive, ElementRef, HostListener, Input} from '@angular/core';
@Directive({
selector: '[appDropdown]',
exportAs: 'appDropDown'
})
export class DropdownDirective {
@Input() multiple: boolean;
isOpen = false;
@HostListener('document:click', ['$event']) toggleOpen(event: Event) {
this.isOpen = !this.multiple ? (this.elRef.nativeElement.contains(event.target) ? !this.isOpen : false) : this.elRef.nativeElement.contains(event.target);
}
constructor(private elRef: ElementRef) {
}
}
MT
L
AK
MT
@HostListener('document:click', ['$event'])
handleDocumentClick(e: Event) {
if (this.elRef && !this.elRef.nativeElement.contains(e.target) {
this.isVisible = false;
}
}
constructor (elRef: ElementRef) {}
L