Делаю простой селект на Angular.
<div class="select">
<div (click)="showItem()">{{value}}</div>
<div *ngIf="visible">
<div #ref (click)=select(ref) class="option" *ngFor="let item of items">{{item}}</div>
</div>
</div>
Показываю и прячу выпадающий список так:
showItem() {
this.visible = !this.visible;
}
Но он срабатывает только при клике на выдадающем списке. Как закрыть селект при клике вне селекта? Слушать весь документ наверное нерационально?