如何从 Firestore 集合创建一个 ion-reorder-group

Question

我需要从 firestore 集合创建一个 ion-reorder-group。更准确地说，来自可观察对象，因为要重新排序的列表可以实时更新。

我从@Mirinda Corwin 那里得到了一些代码 (Ionic / Firebase - error splice is not a function (reorderArray))。

这是我改编自美琳达回答的代码：

import { Observable, ObjectUnsubscribedError } from "rxjs";
import { take } from 'rxjs/operators';

...

public membersListRef: AngularFirestoreCollection<any>;
public membersList$: Observable < any []>;
public membersList = {} as any;
public membersArray: any[];

...

this.membersArray = [];
this.membersListRef = this.firestore.collection(`/userProfile/${this.groupNumber}/membersList`);
this.membersList$ = this.membersListRef.valueChanges();

...

this.membersList$.take(1).subscribe((members) => {
  members.forEach(mdoc=>{
    console.log("id: , name:" + mdoc.id, mdoc.name);
       return  this.membersArray.push({id: mdoc.id, name:mdoc.name })
     })
   });

但我收到以下错误：“take is not a property of observable”。

Answer 1

当前版本的 RxJS 改变了如何将运算符应用于流的方法，您应该使用“管道”方法：

this.membersList$.pipe(take(1)).subscribe(...);

https://www.learnrxjs.io/operators/filtering/take.html