イオン2：リストの各項目のインデックスを取得し、Firebaseに保存します

Question

現在、Ionic 2モバイルアプリケーションを開発中です。私はAngularFire2を使ってFirebaseから入手したアイテムのリストを持っています。リストに並べ替え機能を実装しました。アイテムのインデックスをリストに保存してFirebaseに送信して、インデックスを使用してユーザーの設定に基づいてアイテムの優先順位を付けることができるようにしたいと考えています。私はこれを行う方法がありますか？私はFirebaseに「インデックス」を送ろうとしましたが、それは仕事をしませんでした。

HTML：

 <ion-list reorder="true" (ionItemReorder)="reorderItems($event)"> 
     <ion-item *ngFor="let item of categories; let i = index;"> 
      {{i+1}}. {{item.name}} 
     </ion-item> 

     </ion-list> 
    </ion-content> 

活字体：

 export class ManageFavouritesPage { 
     fireAuth: any; 
     items: any; 
     categories: any; 
     categorykey: any; 

     constructor(public navCtrl: NavController, public af: AngularFire, private toastCtrl: ToastController, public authData: AuthData) { 

     let userid = this.authData.getID(); 
     this.items = af.database.list(`/users/${userid}/favourites`) 
      .subscribe(data => this.categories = data) 
     } 


     reorderItems(indexes) { 
     let element = this.categories[indexes.from]; 
     let element2 = this.categories[indexes.to].$key; 
     this.categories.splice(indexes.from, 1); 
     this.categories.splice(indexes.to, 0, element); 
     let userid = this.authData.getID(); 
     this.items = this.af.database.object(`users/${userid}/favourites/${element2}`).update({priority: indexes.to}); 

    } 
    } 

Answer 1

fromとto間のすべての要素のインデックスが変更されています。あなたは、一度にそれらのすべてを更新するために、マルチロケーションupdateコールを使用することができます。

reorderItems(indexes) { 

    // Reorder the array: 

    this.categories.splice(indexes.from, 1); 
    this.categories.splice(indexes.to, 0, element); 

    // Build the multi-location update: 

    let min = Math.min(indexes.from, indexes.to); 
    let max = Math.max(indexes.from, indexes.to); 

    let reindexed = {}; 
    for (let i = min; i <= max; ++i) { 
    reindexed[`${this.categories[i].$key}/priority`] = i; 
    } 

    // Update the reordered elements: 

    let userid = this.authData.getID(); 
    this.af.database.object(`users/${userid}/favourites`).update(reindexed); 
} 

また、this.itemsあなたはsubscribeがRxJSサブスクリプションとupdateリターンの約束を返すよう、それは、と思われるもの最も可能性が高いではありません。