Привет всем. Есть компонент в нем кнопка и

Question

Angular - русскоговорящее сообщество

Alex

Привет всем. Есть компонент в нем кнопка и

div. При клике на кнопку div скрывается или появляется. Как сделать чтобы исчезал div если кликаем вне компонента ?

#angular #frontend #javascript #programming #russian

0

28.04.2020

3 ответов

21 просмотр

nico

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) { } }

0

28.04.2020

Maxim Tse

в компоненте достаточно написать @HostListener('document:click', ['$event']) handleDocumentClick(e: Event) { if (this.elRef && !this.elRef.nativeElement.contains(e.target) { this.isVisible = false; } } constructor (elRef: ElementRef) {} где isVisible - какой-то флаг, который ответственнен за отображение компонента

0

28.04.2020

Andrii Siuta · Accepted Answer

Andrii Siuta

Загугли OutsideClickDIrective github

0

28.04.2020

169 похожих чатов

Привет всем. Есть компонент в нем кнопка и

3 ответов

Похожие вопросы