如何在Ionic3（AngularFire2）中按值更新Firebase嵌套对象

Hey there! Awesome to hear your Firebase + Ionic 3 + AngularJS setup is humming along with the data add feature working perfectly. Let's figure out how to update those nested Firebase objects by value instead of relying on keys—here's a step-by-step breakdown that should match the effect you want (like your attached image shows):

Firebase Realtime Database is built around key-based operations, so to update by value, we first need to locate the key associated with your target value, then use that key to perform the update. Here's how to implement it:

Step 1: Understand the Data Structure #

Let's assume your Firebase data looks something like this (aligned with your update goal):

{
  "products": {
    "prod1": {
      "name": "Laptop",
      "specs": {
        "brand": "Dell",
        "price": 999
      }
    },
    "prod2": {
      "name": "Phone",
      "specs": {
        "brand": "Apple",
        "price": 799
      }
    }
  }
}

Suppose you want to update the price value where brand is "Apple".

Step 2: Code Implementation #

Add this logic to your AngularJS controller/service (make sure Firebase is injected properly):

angular.module('yourAppName').controller('UpdateController', function($firebaseObject) {
  // Reference to your target Firebase node
  const dbRef = firebase.database().ref('products');

  // 1. Fetch the full node data to find the matching value
  dbRef.once('value').then(snapshot => {
    const items = snapshot.val();
    let targetKey = null;

    // Loop through each item to find the one with your target value
    angular.forEach(items, (item, key) => {
      if (item.specs.brand === "Apple") {
        targetKey = key; // Capture the key linked to the value we want to update
      }
    });

    // 2. Perform the update if we found the matching key
    if (targetKey) {
      // Build the update path for the nested property
      const updatePayload = {};
      updatePayload[`/${targetKey}/specs/price`] = 899;

      dbRef.update(updatePayload)
        .then(() => {
          console.log("Nested object updated successfully!");
        })
        .catch(err => {
          console.error("Update failed:", err);
        });
    } else {
      console.log("No matching value found to update.");
    }
  });
});

Key Tips for Success #

• Optimize for large datasets: If your node has hundreds/thousands of entries, looping through all data might be slow. Consider denormalizing your data (e.g., create a separate brandToKey node that maps brand names to their product keys) for faster lookups—this is a core Firebase best practice.
• Security Rules: Double-check your Firebase Security Rules to ensure they allow write access to the specific path you're updating.
• Realtime vs one-time fetch: Use once('value') for one-time lookups (like this update scenario) instead of on('value') which listens for continuous changes.

Note: Firebase doesn't support direct value-based updates out of the box, so this "lookup first, then update" pattern is the standard approach to achieve what you need.

内容的提问来源于stack exchange，提问作者tarun cool