Breaking News: Grepper is joining You.com. Read the official announcement!

hide div if clicked outside angular

Subyyal Siddiqui answered on March 10, 2022 Popularity 6/10 Helpfulness 2/10

answer hide div if clicked outside angular

related close div when click outside angular 7

hide div if clicked outside angular

Comment

<div style="border:1px solid;height:200px;width:200px;" *ngIf="show" (click)="$event.stopPropagation()" >Toggle hide and show</div>

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: angular hide javascript

Link to this answer
Share Copy Link

Contributed on Feb 22 2023

Subyyal Siddiqui

0 Answers Avg Quality 2/10

Closely Related Answers

close div when click outside angular 7

Comment

@Component({
  host: {
    '(document:click)': 'onClick($event)',
  },
})
class SomeComponent() {
  constructor(private _eref: ElementRef) { }

  onClick(event) {
   if (!this._eref.nativeElement.contains(event.target)) // or some similar check
     doSomething();
  }
}

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: angular

Link to this answer
Share Copy Link