Javascript 角度按钮点击重置

代码：

问题: 单击按钮时，我的

*ngIf

设置正确，以显示元素。 如果单击其他位置，元素（下拉列表）将隐藏，但现在我必须单击两次按钮才能再次显示该元素

---

当我在引导下拉列表外单击时，如何将

showCalendar

设置回

false

？

public showCalendar: boolean;

<div class="input-group-append">
  <button
    class="btn btn-outline-secondary dropdown-toggle end-date"
    type="button"
    data-toggle="dropdown"
    aria-haspopup="true"
    aria-expanded="false"
    (click)="showCalendar = !showCalendar"
  >
    <i class="oi oi-calendar"></i>
  </button>
  <div class="dropdown-menu" (click)="keepDropDownOpen($event)">
    <div style="width: 360px;" *ngIf="showCalendar">
      <dl-date-time-picker
        [(ngModel)]="endDate"
        [(startDate)]="startDate"
        (change)="endDateSelected($event)"
        minuteStep="15"
      >
      </dl-date-time-picker>
    </div>
  </div>
</div>