为什么这个角度值没有更新？

Question

这看起来像 AngularFire 101，但我终其一生都无法弄清楚为什么它不起作用。

在我的控制器中：

var unamecallback = function(exists) {
        console.log("exists = " + exists);
        if(exists) {
            $scope.data.usernameAvailable = -1;
        } else {
            $scope.data.usernameAvailable = 1;
        }
    };

    $scope.usernameInUse = function()
    {
        var username = $scope.data.color.value + $scope.data.animal.value + $scope.data.digits;
        usergenService.usernameInUse(username, unamecallback);
    };

在服务中：

usernameInUse: function(username, callback) {
            console.log("searching for " + username);
            var usersRef = new Firebase(FBURL + '/users/');
            var user = usersRef.child(username);
            user.once('value', function(ss) {
                var exists = (ss.val() !== null);
                callback(exists);

            });
        }

当 usernameInUse 被触发时，控制台的输出：

//searching for Username2 usergenService.js:23   // username being searched for
//exists = false usergenController.js:47  // does not exist
//searching for Username1 usergenService.js:23  // a different username
//exists = true  // does exists

我在 $scope.data.usernameAvailable 上有以下 $watch：

$scope.$watch('data.usernameAvailable', function() {
        console.log($scope.data.usernameAvailable);
    });

但正如您从控制台输出中看到的那样 - 每次都会触发回调，但 $scope.data.usernameAvailable 值没有更新。这并不完全正确。它有时会更新，但肯定不是每次回调被击中时都会更新。更新时也不总是“正确”的。有时它在应该为真时被设置为假，反之亦然。

嗯。帮忙？

Answer 1

尝试在回调中添加 $scope.$apply()：

var unamecallback = function(exists) {
        console.log("exists = " + exists);
        if(exists) {
            $scope.data.usernameAvailable = -1;
        } else {
            $scope.data.usernameAvailable = 1;
        }
        $scope.$apply();
    };