typescript - Angular'da Firestore'dan bir dizi seti almak için özyinelemeli sorgu kullanın

Kullandığım

• AngularFire
• FireStore
• Firestore için Yeni AngularFire sözdizimi

Yapmaya çalıştığım şey

• Ağaç benzeri bir yapı yapmak için ebeveynler ve çocuklar

• HTML'imde döngü yapabilmek için Firestore'dan gelen verilerle tek bir dizi oluşturmak.

• Özyinelemeli işlevsellik kullanarak önce en üst ebeveyni, sonra ebeveyn kimliğine göre onun çocuğunu almak ve sürecin devam etmesini istiyorum.

FireStore Koleksiyon Yapısı

{
 "tree": {
    "SBGWONEXBKt6KGQsfSLI": {
      "id": null,
      "name": 'Top Parent',
    },
    "az6WmIkRFoC4pvhoXRK0": {
      "id": "SBGWONEXBKt6KGQsfSLI",
      "name": 'Child A 1',
    },
    "UytpnMpaO0rxGK2avY1J": {
      "id": "SBGWONEXBKt6KGQsfSLI",
      "name": 'Child A 2',
    },
    "hhPZun77qQg4o90bYOT2": {
      "id": "az6WmIkRFoC4pvhoXRK0",
      "name": 'Child B1',
    },
    ...... and so on
 }
}

Sonuç:

[{
 'name': 'Top Parent',
 'child': [{
           'name': 'Child A 1',
           'child': [{
                      'name': 'Child B1',
                      'child': []
                    }]
          },
          {
            'name': 'Child A 2',
            'child': []
          },
          ...... and so on
          ]
  }]
}]