如何从Firebase随机选记录？现有AngularFire代码需实现刷新换结果

Got it, let's tweak your code so it picks a random entry from your Firebase nowusers collection every time the page refreshes. Here's how to make it work smoothly:

Step 1: Update the Controller to Generate a Random Index #

Instead of always grabbing the first entry (x[0]), we'll create a random index based on the total number of entries. We'll also add a check to handle empty collections so your page doesn't break if there's no data.

Here's the revised controller code:

app.controller("NowCtrl", ["$scope", "peopleNow", function($scope, nowPeople) {
  $scope.now = nowPeople;
  $scope.now.$loaded(function(x) {
    // Only run if there are entries in the array
    if (x.length > 0) {
      // Generate a random index between 0 and (array length - 1)
      const randomIndex = Math.floor(Math.random() * x.length);
      $scope.oneResult = x[randomIndex];
      console.log($scope.oneResult);
    } else {
      console.log("No entries found in the 'nowusers' collection!");
      $scope.oneResult = null; // Set empty state for your HTML
    }
  });
}]);

Step 2: Display the Random Result in Your HTML #

Add this snippet to your HTML to show the random entry's data (adjust based on your layout needs):

<div ng-controller="NowCtrl">
  <div ng-if="oneResult">
    <p>Random Entry ID: {{oneResult.$id}}</p>
    <p>Count: {{oneResult.count}}</p>
  </div>
  <div ng-if="!oneResult">
    <p>No entries available to display.</p>
  </div>
</div>

How It Works #

• When the page loads, the $firebaseArray fetches your Firebase data and triggers the $loaded promise once the data is ready.
• Math.random() generates a number between 0 and 1, which we multiply by the array length to get a range of possible indices. Math.floor() converts that to a whole number (valid array index).
• Every page refresh runs this logic again, so you'll get a new random entry each time.

Quick Notes #

• Double-check your Firebase security rules to make sure read access is allowed for the nowusers path (otherwise you'll end up with an empty array).
• If you want to let users generate a new random entry without refreshing, you could add a button that calls the random selection logic on click.

内容的提问来源于stack exchange，提问作者Juan David