我有一项将参数pseudonym传递给环境的服务。我在我的视图中调用此pseudonym,但它根本没有出现。
如何解决此问题以在视图中显示值?

MyUser服务:

app.service('MyUser', ['DatabaseRef', 'firebase', function(DatabaseRef, firebase) {
    var pseudonym ="";
    var userId = firebase.auth().currentUser.uid;

    return {
        pseudonym: function() {
            DatabaseRef.ref('/users/' + userId).once('value')
                .then(function (snapshot) {
                    pseudonym = snapshot.val().pseudonym;
                    console.log("pseudony: ", pseudonym);
                    return pseudonym;
                });

        }
    }
}]);


在控制台中,我看到了pseudonym的值。但在我看来不是使用{{pseudonym}}的html
这是示例视图控制器:

app.controller('ExampleCtrl', ["MyUser",
    function (MyUser) {
     $scope.pseudonym = MyUser.pseudonym();
}]);

最佳答案

返回由.then方法创建的promise:

app.service('MyUser', ['DatabaseRef', 'firebase', function(DatabaseRef, firebase) {
    //var pseudonym ="";
    var userId = firebase.auth().currentUser.uid;

    return {
        getUserName: function() {
            //return promise
            return (
                DatabaseRef.ref('/users/' + userId).once('value')
                    .then(function onSuccess(snapshot) {
                        let pseudonym = snapshot.val().pseudonym;
                        console.log("pseudony: ", pseudonym);
                        return pseudonym;
                })
            );
        }
    }
}]);


然后从那个承诺中提取价值:

var app = angular.module('app', []);
app.controller('loginController',['$scope', 'MyUser',function($scope, MyUser)
{
    let promise = MyUser.getUserName();
    //Extract data from promise
    promise.then( function onSuccess(pseudonym) {
        $scope.pseudonym  = pseudonym;
        console.log($scope.pseudonym);
    });
}]);


对象的.then方法始终返回从作为该.then方法的参数提供的处理函数返回的值(或承诺)派生的承诺。

关于javascript - angularjs firebase用户身份验证服务未与 View 通信,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/40058330/

10-12 13:07