Tips on fetching specific data from Firebase using Angular

Question

Tips on fetching specific data from Firebase using Angular

Let's say I have two branches set up in Firebase, Branch A and Branch B.

Branch A :
 branchA1 :
   field1 : "Hello"
   field2 : "Hello"
branchA2 :
   field1 : "Hello"
   feild2 : "Hello"
branchA3 :
   field1 : "Hello"
   field2 : "Hello"
branchA4 :
   field1 : "Hello"
   field2 : "Hello"
branchA5 :
   field1 : "Hello"
   field2 : "Hello" 


Branch B :
 branchB1 :
   randomID1:
     Id : branchA5
   randomID2:
     Id : branchA1
   randomID3:
     Id : branchA2
 branchB2 :
   randomID1:
     Id : branchA3
   randomID2:
     Id : branchA4

If the user selects an id like branchB2, how can Angular JS be used to specifically select only branchA3 and branchA4 from branchA?

javascript angularjs firebase firebase-realtime-database

Answer 1

Answer №1

Break down the procedure into two simple steps for easy execution.

Begin by extracting branchB2 and reviewing the IDs of its child nodes.
Next, initiate a new request to gather those nodes from branch A.

// Accessing branch B2
const dbRef_B = firebase.database().ref("branchB/branchB2")
const dbVal = (await dbRef_B.once("value")).val()

// Parsing through child nodes
const branchA_Keys = Object.values(dbVal).map(b => b.Id)

// Perform individual requests for these IDs
const requests = branchA_Keys.map((key) => firebase.database().ref(`branchA/${key}`).once("value"))

// Execute all requests simultaneously using Promise.all()
const snapshots = await Promise.all(requests)
const data = snapshots.map(snap => snap.val())

console.log(data)

Answer 2

Break down the procedure into two simple steps for easy execution.

Begin by extracting branchB2 and reviewing the IDs of its child nodes.
Next, initiate a new request to gather those nodes from branch A.

// Accessing branch B2
const dbRef_B = firebase.database().ref("branchB/branchB2")
const dbVal = (await dbRef_B.once("value")).val()

// Parsing through child nodes
const branchA_Keys = Object.values(dbVal).map(b => b.Id)

// Perform individual requests for these IDs
const requests = branchA_Keys.map((key) => firebase.database().ref(`branchA/${key}`).once("value"))

// Execute all requests simultaneously using Promise.all()
const snapshots = await Promise.all(requests)
const data = snapshots.map(snap => snap.val())

console.log(data)

Tips on fetching specific data from Firebase using Angular

Answer №1

Similar questions

Is it possible to implement PortalVue in multiple Vue.js single file components?

Guide on how to add the details of a specific id just once using PHP or jQuery

Having trouble with implementing forEach in Google Script

How can I maintain the toggle state when a PHP file is reloaded inside a div?

The delete_node() function in jstree does not seem to be removing nodes

Using the named function and function parameter to call `preventDefault()` and avoid the default

Wait for transition to finish before setting focus to text input

What is the best way to transfer a value from state to a function as a parameter?

Is there a way to refresh the animation on dougtesting.net?

Utilizing one JavaScript file and consistent classes for multiple modals

Enhance the standard input control in Vue.js by extending it to include features such as

Code activates the wrong function

Display a dropdown menu when the value of another dropdown is changed using .NET 2.0

React: Update the hidden input's value to reflect the total number of spans clicked

Pressing a key will initiate a time delay before

Capable of generating an ajax URL parameter conditionally for utilization with jQuery Validate

Parse JSON files from a folder and concatenate them to a CSV using Node.js

Creating a PDF from dynamic HTML and transferring it to an AWS S3 bucket without the need to download the PDF

What is the correct way to properly insert a display none attribute

Arrange items between multiple selection areas