Сохранить значение из списка переупорядочения [IONIC4] - PullRequest
Новая
       2

Сохранить значение из списка переупорядочения [IONIC4]

0 голосов
/ 22 марта 2020

У меня есть выпадающий список: 

        <ion-list>
          <ion-item>
            <ion-label>Pos 1</ion-label>
            <ion-select  placeholder="Choose..." [(ngModel)]="setPos1" interface="action-sheet" (ionChange)="setPos1;">
              <ion-select-option value="1">CAR</ion-select-option>
              <ion-select-option value="23">TRUCK</ion-select-option>  
            </ion-select>
          </ion-item>
        </ion-list>

       <ion-list>
          <ion-item>
            <ion-label>Pos 2</ion-label>
            <ion-select  placeholder="Choose..." [(ngModel)]="setPos2" interface="action-sheet" (ionChange)="setPos2;">
              <ion-select-option value="1">CAR</ion-select-option>
              <ion-select-option value="17">TRUCK</ion-select-option>                                                                
            </ion-select>
          </ion-item>
        </ion-list>

  <ion-button shape="round" size="large" (click)="savePos()">Salva</ion-button>

Я могу правильно установить и получить в 'ioni c хранилище' значения, setPos1 и setPos2, поэтому отлично работает. 

async savePos() {
     await this.storage.get('pos1').then(result => {
        this.pos1 = result;
    });
     await this.storage.get('pos2').then(result => {
        this.pos2 = result;
    });
}

Но я бы хотел заменить выпадающий список на «ioni c reordered» 

<ion-list>
  <ion-reorder-group (ionItemReorder)="onRenderItems($event)" disabled="false">
    <ion-item *ngFor="let item of listItems">
      <ion-label>
        {{item}}
      </ion-label>
      <ion-reorder></ion-reorder>
    </ion-item>

  </ion-reorder-group>
</ion-list>
<ion-list text-center>
  <ion-button (click)="getList()">
    Get Updated List
  </ion-button>
</ion-list>


this.listItems = ['17','21'];
onRenderItems(event) {
console.log(`Moving item from ${event.detail.from} to ${event.detail.to}`);
const draggedItem = this.listItems.splice(event.detail.from, 1)[0];
this.listItems.splice(event.detail.to, 0, draggedItem);
event.detail.complete();
}

getList() {
console.table(this.listItems);
}

Reorder работает, но как мне получить значение и сохранить в хранилище?

спасибо!

...