Асинхронная функция возвращает ZoneAwarePromise в Angular

Question

У меня есть функция currentUserName(), которая должна возвращать name, но возвращает ZoneAwarePromise, содержащий __zone_symbol__value с правильными данными.

currentUserName() {
        var firebaseData = firebase.database().ref('users');
        var userid = this.afAuth.auth.currentUser.uid;

        return firebaseData.orderByKey().once('value').then(function (snapshot) {
            var name;
            snapshot.forEach(function (childSnapshot) {
                if (childSnapshot.key === userid) {
                    name = childSnapshot.val().displayName;
                }
            });
            return name;
        });
    }

Вызов функции:

this.currentUserName().then(function (snapshot) { return snapshot; }));

Answer 1

Почему бы не использовать обещание?

currentUserName(): Promise<any> {
        var firebaseData = firebase.database().ref('users');
        var userid = this.afAuth.auth.currentUser.uid;

        return firebaseData.orderByKey().once('value').then(function (snapshot) {
            var name;
            snapshot.forEach(function (childSnapshot) {
                if (childSnapshot.key === userid) {
                    name = childSnapshot.val().displayName;
                }
            });

            return name;

}

и назвать его так

this.currentUserName().then(function(name) { console.log(name) }));