選擇后搜索文本中的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;
   }
}