Пользовательский селектор Ionic 3 для ion-option

Question

У меня есть ионный выбор с динамическим ионным опцией. Моя задача - отключить кнопку сохранения ion-select, если выбрано более 5 результатов. Я обнаружил событие ionSelect, которое вызывает метод контроллера каждый раз, когда в ion-select выбирается флажок.

Мой код:

HTML:

<ion-select [(ngModel)]="users" multiple="true">
      <ion-option value="{{t.userId}}" *ngFor="let t of possibleUsers" (ionSelect)="onUserSelect()">{{t.userName}}</ion-option>
</ion-select>

TS:

public onUserSelect(value) {
 console.log(value);
}

Как я вижу, значение параметра в методе onUserSelect - это значение выбранного флажка и до того, как оно будет установлено или отключено. Поэтому без селектора я не могу сказать, на какой флажок был кликнул JavaScript.

Я не могу добавить селектор в ion-option, я уже пробовал:

[custom-data]="t.userId", class="my-class", id="customId-{{t.userId}}", data-custom="customId-{{t.userId}}"

Но ни один из них не добавлен в опцию ion.

Есть идеи, как добавить уникальный селектор в опцию ion-option или как отправить состояние флажка в событии ionSelect?

Answer 1

Надеюсь, это вы ожидаете сделать

  onUserSelect(value) {
    console.log(value);
  }

<ion-select [(ngModel)]="users" multiple="true">
      <ion-option value="{{t.userId}}" *ngFor="let t of possibleUsers" (ionSelect)="onUserSelect(t.userId)">{{t.userName}}</ion-option>
</ion-select>
<!-- if this is your save button -->
<button ion-button [disabled]="users.length > 5">Save</button>