选择后搜索文本中的IONIC自动完成选项不会消失

Question

页面上有两个部分，切换后会切换页面上的选择列表

<ion-segment [(ngModel)]="changeCart" color="primary">
        <ion-segment-button value="includeSeg" (ionSelect)="onSetEnclude()">
          <ion-icon name="add"></ion-icon>
        </ion-segment-button>
        <ion-segment-button value="excludeSeg" (ionSelect)="onSetExclude()">
          <ion-icon name="remove"></ion-icon>
        </ion-segment-button>
      </ion-segment>

在此细分下，有两个各自的搜索工具栏，它们将根据活动细分显示在上。当用户手动键入某些内容时，该列表将显示在该内容下方，并且用户可以从中选择一个。但是之后，如果用户切换了细分，则屏幕上将显示列表，直到用户开始在相应的搜索元素上键入为止。然后不正确的列表消失，出现正确的列表

                        

当用户切换片段时，是否可以清除列表或隐藏离子列表？

Answer 1

您可以根据ngModel的值显示或隐藏这些列表。您可以通过在离子输入中添加一个类来实现此目的。

<ion-input [class.hideList]="changeChart!=='includeSeg'">
...

和在CSS中：

.hideList {
   .theListsClassName{
       display: none;
   }
}