Question

我正在使用以下复合查询从Firebase获取数据：

  filterItineraries(filters: any): any {
    this.allItineraries = [];
    this.filteredItineraries = [];

    for ( let i = 0; i < filters.dateRange.length; i ++) {
    const query = this.dataSvc.getAllItineraries()
    .where('destination', '==', filters.destination)
    .where('dateRange', 'array-contains', filters.dateRange[i]);
    query.onSnapshot(itineraryListSnapshot => {
          itineraryListSnapshot.forEach(snap => {
              this.allItineraries.push({
                id: snap.id,
                activities: snap.data().activities,
                destination: snap.data().destination,
                startDate: snap.data().startDate,
                endDate: snap.data().endDate,
                jobId: snap.data().jobId,
                userId: snap.data().userId
            });
         });
      });
    }

最初，我声明了要在其中存储对象的数组：

private matchItinerary：allItineraries = [];

然后我尝试这样声明：

private allItineraries：{'id'：字符串，'activities'：任何[]，'destination'：字符串，'startDate'：字符串，'endDate'：字符串，'jobId'：字符串，'userId'：字符串} [] = [];

仍然不起作用。

该问题是由于firebase中的查询限制而引起的。结果，我得到了需要删除的重复记录。从firebase检索数据后，无法识别数组函数。我无法获取元素，不能使用.length ... it =0。当我console.log（typeof allItineraries）时，它显示对象。

        for (let i = 0; i < allItin.length; i++) {
          for (let k = 0; k < allItin.length - 1; k++) {
            if (allItin[k].id !== allItin[k + 1].id) {
              console.log('inside if', allItin[k + 1].id);
              this.filteredItineraries[k] = allItin[k + 1];
            }
          }
        }

数据将显示在UI中，但是我无法在代码中执行任何数组操作。如果我只是做一个console.log（allItineraries），它实际上会显示所有数据，但是我需要做的是过滤数据，它不会让我执行任何Array操作。

我已经为此工作了几周，并发布了很多次都无济于事。我目前不知道该怎么办...似乎什么也没有用。我不知道我是否在声明数组错误。可以看到数据，但不能以普通数组允许的方式对其进行操作。

Answer 1

将数据保存在本地变量中，并在快照回调内部进行过滤。

filterItineraries(filters: any): any {

for ( let i = 0; i < filters.dateRange.length; i ++) {
const query = this.dataSvc.getAllItineraries()
.where('destination', '==', filters.destination)
.where('dateRange', 'array-contains', filters.dateRange[i]);
query.onSnapshot(itineraryListSnapshot => {

   const allItineraries = [];
   const filteredItineraries = [];

      itineraryListSnapshot.forEach(snap => {
          allItineraries.push({
            id: snap.id,
            activities: snap.data().activities,
            destination: snap.data().destination,
            startDate: snap.data().startDate,
            endDate: snap.data().endDate,
            jobId: snap.data().jobId,
            userId: snap.data().userId
        });
      // filter your array here 
      // save it in state or assign it to filteredItineraries[]
      // doing the following won't force state re-render
      // this.filteredItineraries = allItineraries.filter(...);
     });
  });
}

我无法从Firebase操作存储在数组中的数据

1 个答案: