angularjs - 无法访问 Firebase 对象属性。值显示为未定义的 ANGULARFIRE

Question

我想为我所做的演示做一个自定义登录，但我遇到了问题。

我使用用户名访问 Firebase 内的引用 url，我得到一个返回的对象。如果我想访问单个属性，我会得到未定义的值，但是如果我在我的 html {{returnedObj.name}} 中添加该值，则会显示该值。

这是为什么？

angular.module('Demo').controller('loginCtrl', ['$scope', '$firebase', '$location',    function($scope, $firebase, $location){
$scope.user = {};
$scope.check = function(){
    console.log('https://fabritzio-demo.firebaseio.com/users/' + $scope.user.name);
    $scope.returnedObj = $firebase(new Firebase('https://fabritzio-demo.firebaseio.com/usuarios/' + $scope.user.name)).$asObject();
    alert($scope.returnedObj.name); // returns undefined value
};

}]);

Answer 1

Firebase 值是异步加载的。当 $scope.returnedObj 触发时，该值尚未加载到 alert 中。

有几种方法可以处理从 Firebase 异步加载的值，例如使用 $loaded 获取 promise :

$scope.returnedObj.$loaded().then(function () {
  alert($scope.returnedObj.name);
});

该值显示在模板中是因为 Angular 会监视所有 $scope 变量的变化。当该值被加载时(几毫秒后)，它会立即显示出来。