Разрешить только один выбор проверки, в то время как другая опция отключена в Ionic 3 - PullRequest
Новая
       10

Разрешить только один выбор проверки, в то время как другая опция отключена в Ionic 3

0 голосов
/ 28 апреля 2019

Я следовал этому решению

Как получить выбранный только один флажок из нескольких флажков, используя ionic 2 и angular2 работает нормально, но проблема в

Когда я проверяю любой флажок, другой отключается (что я и хочу), но если я снимаю тот же флажок, другой по-прежнему остается отключенным. Как включить их после снятия флажка?

вот мой код .ts файл 

export class list {
checkedIdx = -1;
}

.html файл 

<ion-card class="ion-card">
  <ion-item *ngFor="let item of options; let i=index">
    <ion-label>{{item}}</ion-label>
    <ion-checkbox item-left [ngModel]="checkedIdx == i"(ngModelChange)="$event ? checkedIdx = i : checkedIdx = -1" [disabled]="checkedIdx >= 0 && checkedIdx != i"></ion-checkbox>
  </ion-item>
</ion-card>

1 Ответ

0 голосов
/ 28 апреля 2019

ПРОВЕРКА РАБОЧИЙ СТЕКБЛИЦ

Одновременно можно установить только один флажок

Ваш component.html должен быть примерно таким: ~ 

<ion-card class="ion-card">
    <ion-item *ngFor="let category of categories; let i = index">
        <ion-label>{{category.name}}</ion-label>
        <ion-checkbox 
    [disabled]="categories[i].value" 
    (click)="selection(category.name);">
        </ion-checkbox>
    </ion-item>
</ion-card>

А ваш component.ts может быть примерно таким: ~ 

  selection(name: string) {
    this.categories.forEach(x => {
      if (x.name !== name) {
        x.value = !x.value
      }
    })
  }

Надеюсь, это полезно!

...