单击浏览器后退按钮后仍显示 ng-select2 下拉菜单答案

【问题标题】：ng-select2 dropdown still shows after clicking browser back button单击浏览器后退按钮后仍显示 ng-select2 下拉菜单
【发布时间】：2020-02-14 19:55:48
【问题描述】：

我在这里使用的是 ng-select2 组件

  <ng-select2 id="supportTicketFilter" class="support-ticket-filter" width="370" [data]="filterValues"
            [options]="options" (valueChanged)="filterTable($event)" name="searchBar" data-selected="selected">
</ng-select2>

问题是，当下拉下降时，如下所示，enter image description here

点击浏览器上的后退按钮，下拉菜单仍会出现在下一页上。

enter image description here

以前有人遇到过这个问题吗？我现在唯一能想到的就是监听浏览器上的后退按钮，然后尝试在 ng-select2 中切换一些东西。

【问题讨论】：

听起来像是应用程序中的错误。您可以使用另一个库，也可以围绕它构建一个自定义包装器，以监听路由器中的路由更改

标签： jquery angular

【解决方案1】：

找到解决方案，在容器上添加了一个类，用于单击下拉列表时呈现的列表。

角度解决方案是这样的

ngOnDestroy(): void {
    const selectOptionsContainer = $('.select2-container');
    selectOptionsContainer.removeClass('select2-container--open')
  }

【讨论】：