Firebase回调和AngularJS

Question

我正在与Firebase一起学习AngularJS。我真的很努力与onFirebase 的回调，并试图更新$scope…

$apply already in progress <----

    var chat = angular.module('chat', []);
   chat.factory('firebaseService', function ($rootScope) {
  var firebase = {};
  firebase = new Firebase("http://gamma.firebase.com/myUser");
  return {
    on: function (eventName, callback) {
      firebase.on(eventName, function () {  
        var args = arguments;
        $rootScope.$apply(function () {
          callback.apply(firebase, args);
        });
      });
    },
    add: function (data) {
      firebase.set(data);
    }
  };
});

chat.controller ('chat', function ($scope, firebaseService) {
    $scope.messages = [];
    $scope.username;
    $scope.usermessage;              
    firebaseService.on("child_added",function(data){        
        $scope.messages.push(data.val());       
    });
    $scope.PushMessage = function(){
        firebaseService.add({'username':$scope.username,'usermessage':$scope.usermessage});   
    };
});

如果我将其$rootscope.$apply取出，则它可以按预期工作，但不会在页面加载时更新DOM。

谢谢！

更新

解决方案1-移除$rootscope.$apply服务上的并将其注入并应用于$timeout控制器：

firebaseService.on('child_added',function(data){        
    $timeout(function(){
        $scope.messages.push(data.val());                       
    },0);
});

解决方案2-实施“ SafeApply”方法（感谢Alex Vanston）：

$scope.safeApply = function(fn) {
        var phase = this.$root.$$phase;
        if(phase == '$apply' || phase == '$digest') {
            fn();
        } else {
            this.$apply(fn);
        }
    };

尽管它们都可以工作并且代码也不多，但我还是觉得它们太笨拙了。是否有某种正式的Angular方式来处理html" target="_blank">异步回调？

我针对类似情况找到了另一个很好的例子：HTML5Rocks-
AngularJS和Socket.io

Answer 1

解决方案1-删除$ rootscope。$在服务上应用并注入$ timeout并将其应用于控制器：

firebaseService.on('child_added',function(data){        
    $timeout(function(){
        $scope.messages.push(data.val());                       
    },0);
});

解决方案2-实施“ SafeApply”方法（感谢Alex Vanston）：

$scope.safeApply = function(fn) {
        var phase = this.$root.$$phase;
        if(phase == '$apply' || phase == '$digest') {
            fn();
        } else {
            this.$apply(fn);
        }
    };