现在，这变得非常非常烦人。。。我在这个问题上停留了很长时间…问题是加载速度越来越慢。.这是我的代码，我将在底部对其进行解释：

app.controller('chatCtrl', ["$scope", function($scope) {


        var ref = new Firebase('MYFIREBASEAPP')
        $scope.usernameProfile = ''
        $scope.imageProfile = ''


        ref.onAuth(function(authData) {
            ref.child("Users Auth Info").child(authData.uid).on("value", function(snapshot) {
                $scope.usernameProfile = snapshot.val().Username;
                $scope.imageProfile = snapshot.val().Image
                console.log(snapshot.val().Image)
                console.log(snapshot.val())
                console.log($scope.usernameProfile)
                var username = $scope.usernameProfile
                console.log($scope.imageProfile)
            })
        })


        console.log($scope.usernameProfile)
        console.log($scope.imageProfile)

    }])

在这里，我从用户数据中获取usernameProfile和imageProfile。这里的问题是它加载了wayyy来减慢速度..当我尝试通过传递使其呈现为html时：

<img id="profileImage" ng-src="{{imageProfile }}"  >

图像变为空白..由于某种原因，html剂量识别ng模型…在我上面的代码中，底部的那些也首先被记录，然后其他的都在snapshot.val（）中记录了。请帮助我。
。 谢谢

编辑

尝试了这个…仍然可以正常工作…

   var ref = new Firebase('https://sparke.firebaseio.com/')
    var syncObject = $firebaseObject(ref);

    ref.onAuth(function(authData){
      $scope.profile = $firebaseObject(ref.child('UsersAuthInfo').child(authData.uid).child("Image"));
    $scope.profile.$loaded().then(function() {
        console.log($scope.profile.$value);
        $scope.imageProfile = $scope.profile.$value
        });
    })

编辑

这个重要的工作：

ref.onAuth(function(authData) {
             console.log("Good?)
  ref.child("UsersAuthInfo").child(authData.uid).on("value", function(snapshot) {
      $timeout(function() {
      $scope.usernameProfile = snapshot.val().Username;
      $scope.imageProfile = snapshot.val().Image
      console.log(snapshot.val())
    });
  })
})

console.log($scope.usernameProfile)

第一个表示Good的代码，首先执行，然后最底层的代码，然后执行.child（）内部的代码。

编辑3

好吧，坦白。在开始之前，我只是删除了引号并使之更加简单。

让我们开始讨论$ timeout的问题…

因此，当我为原始的插件（更简单的版本…）测试$ timeout时，它的工作原理确实很好，这是代码：

ref.child('Image').on("value", function(snapshot) {
  // tell AngularJS that we're going to make changes to $scope
  $timeout(function(){
    $scope.image = snapshot.val();
    console.log(snapshot.val())
  });
}, function (errorObject) {
  console.log("The read failed: " + errorObject.code);
})

现在随着超时，当我尝试将其实现到我的原始应用程序时，由于某种原因，它并没有不幸地工作……这是该代码..：

ref.onAuth(function(authData){
  ref.child("UsersAuthInfo").child(authData.uid).on("value", function(snapshot) {
    // tell AngularJS that we're going to make changes to $scope
    $timeout(function(){
      $scope.imageProfile = snapshot.val().Image;
      console.log(snapshot.val())
    });
  }, function (errorObject) {
    console.log("The read failed: " + errorObject.code);
  })
})

现在使用$ firebaseObject …

当我输入以下代码时，$ firebaseObject甚至无法用于我的更简单版本的插件：

$scope.image = $firebaseObject(ref.child('Image'));

它给了我一张空白图片…表示URL不正确时的默认图片…而且我已经注意到问题在于当我使用console.log（）$ scope.image这样的时候：

console.log($scope.image)

我得到一个对象…而不是值。对象是这样的：

 $$conf: Object
$id: "Image"
$priority: null
$value: "http://png.clipart.me/graphics/thumbs/151/man-avatar-profile-picture-vector_151265384.jpg"
__proto__: Object

两种方法中的帮助将不胜感激

编辑4：

好的，现在我设法将图像（我向您展示的简单的插头）放在了插头上……这是代码：

var obj = $firebaseObject(ref);
obj.$loaded(
  function(data) {
    $scope.image = data.Image
  },
  function(error) {
    console.error("Error:", error);
  }
);

但是，当我再次尝试在我的实际应用程序上执行此操作时，即时通讯仍在正常工作！这是我在正在运行的应用程序上的代码…：

ref.onAuth(function(authData){
    var obj = $firebaseObject(ref.child("UsersAuthInfo").child(authData.uid));
    obj.$loaded(
    function(data) {
      $scope.imageProfile = data.Image
      console.log(data.Image)
    },
    function(error) {
      console.error("Error:", error);
    }
  );
})

帮助将不胜感激！