ionic3 - ion-select срабатывает при нажатии на внешнюю теги ion-select div - PullRequest
Новая
       39

ionic3 - ion-select срабатывает при нажатии на внешнюю теги ion-select div

0 голосов
/ 28 декабря 2018

У нас есть панель поиска и раскрывающийся список на странице.Когда мы нажимаем на панель поиска, выпадающий список вызывается.Кто-нибудь знает, как это остановить. 

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

, когда мы нажимаем на текстовое поле поиска, вызывается раскрывающийся список.Не знаю как починить.

Спасибо АК

1 Ответ

0 голосов
/ 30 декабря 2018

Хотя, это не упоминается в документации, но необходимо указать 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>
...