從AngularJS的Firebase實時更新信息

Question

我製作了一個應用程序，用於從Firebase和AnguarJS獲取展示信息。目前，刷新頁面後信息會更新，但我想實時更新信息。

這裏是我的角度代碼：

var root = angular.module('root',["services", "firebase"]); 
    root.controller("root4",['$sce', "$scope", function($sce,$scope){ 
     var ref = new Firebase("https://web-quickstart-8326d.firebaseio.com"); 
     var locationRef = rootRef.child('location'); 
     locationRef.once("value", function(snapshot) { 
      $scope.value = snapshot.val(); 
      $scope.$apply(); 

      if($scope.value=="col6"){ 
       var currentMessageRef = rootRef.child('currentMessage'); 
       currentMessageRef.once("value", function(snapshot) { 
        $scope.html = snapshot.val(); 
        $scope.trustedHtml = $sce.trustAsHtml($scope.html); 
       }); 
      } else if($scope.value!="col6"){ 
       $scope.html = "No value in db"; 
       $scope.trustedHtml = $sce.trustAsHtml($scope.html); 
      } 
     }); 
}]); 

我在代碼中插入了發佈信息的條件，但是這並不重要......我要的是更新而不會刷新我的網頁中的實時信息。

謝謝你的幫忙！

Answer 1

功能once觸發一次，然後不再觸發。這就是爲什麼你的信息不會更新。改用on來訂閱更改。更多的信息在這裏：https://firebase.google.com/docs/database/web/retrieve-data#listen_for_events