Question

我有以下查询Firestore的列表，然后获取该列表并使用结果作为参数进行另一个查询。如何通过角度插值达到这些结果？

列表列表：

this.shopsCollection = afs.collection('stations', ref => ref.orderBy('StationtName'));
    this.shops = this.shopsCollection.snapshotChanges().pipe(
      map(actions => actions.map(a => {
        const data = a.payload.doc.data() as Shop;
        const id = a.payload.doc.id;
       const queues = this.afs.collection('projects', ref => ref.where('station', '==', data.StationtName)).valueChanges()
        .subscribe(data=>{
          console.log(data);

----------looking to use the data from the item variable---------

          const item = data.map(function (obj) {
            return obj.SKU;
          });
          console.log(item);

         })

        return { id, ...data };
      }))

    );

然后是我的html：

 <li *ngFor="let shop of shops | async">
           {{shop.StationtName}} 

               <div *ngFor="let data of item">
                   {{data}}
               </div>         
 </li>

控制台会在每个循环中记录一个数组，其中包含正确的数据，我的假设是我可以在里面简单地添加另一个ngFor来捕获每个数组的值。我对此有误吗？显示数据的最佳方法是什么？

谢谢。

编辑： this.shops输出一个可观察到的结果：

Observable {_isScalar: false, source: Observable, operator: MapOperator}

到达嵌套变量以进行角度插值

0 个答案: