ionic3-单击外部ion-select div标签时触发离子选择

Question

我们在页面中有一个搜索栏和一个下拉框。当我们点击搜索栏时，下拉菜单被调用。任何人都知道如何阻止这种情况。

int

当我们点击搜索文本框时，下拉菜单被调用。不知道如何解决。

谢谢 AK

Answer 1

尽管没有在文档中提及它，但要求将ion-select放在ion-item内，所以这样做可以解决您的问题。

用ion-select而不是ion-item来包裹div。

此外，请注意，为动态生成的selected放置ion-option属性将选择ion-select的所有选项。您可能要在此处设置一些条件。

<div>
  <ion-searchbar [(ngModel)]="searchTerm" (ionInput)="setFilteredData()"></ion-searchbar>
</div>
<br/>
<ion-item>
  <ion-select [(ngModel)]="selectedCityTag" placeholder="Filter" multiple="true" (ionChange)="onSelectChange()">
    <ion-option selected *ngFor="let city of cityList">{{city}}</ion-option>
  </ion-select>
</ion-item>

Answer 2

ion-select生成的html导致按钮类型为子按钮。

我将宽度和高度设置为0，例如

.item-cover {
  height: 0;
  width: 0;
}