Запрос через родителей, не возвращая никаких данных

Question

Я делаю запрос в firebase-firestore, но он не возвращает никаких данных, которыми является мой код.Вот где печатаются все категории и где вы получаете идентификатор каждой категории:

<div class="categorias" >
        <a mat-list-item>Categorias</a>
        <a mat-list-item *ngFor="let categoria of categorias | async" routerLink="categorias/{{categoria.id}}">
          <mat-icon>category</mat-icon>
          <span class="sidenav-caption">{{categoria.nome}}</span>
        </a>
      </div>

это мой запрос, без ошибок, но без данных:

produtos: Observable<Produtos[]>;
  produtosCollection: AngularFirestoreCollection<Produtos>;
  constructor(
    private router: Router,
    private route: ActivatedRoute,
    private produtoService: ProdutosService,
    private afs: AngularFirestore
    ) { }

ngOnInit() {
        const categoria = this.route.snapshot.paramMap.get('id');
        this.produtosCollection = this.afs.collection('produtos', ref => {
          return ref.where('categoria', '==', categoria);
        });
        this.produtos = this.produtosCollection.valueChanges();
      }

Только содержимоетега h1 готовится, остальное ничего:

<h1>Test </h1>
<div *ngFor="let produto of produtos | async">
    <p>{{produto.descricao}}</p>
</div>