Параметр автозаполнения 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;
   }
}