Javascript Girl
  1. Javascript Girl
  3. Le service d'authentification utilisateur angularjs firebase ne communique pas avec les vues
Intereting Posts
Comment puis-je différer un jQuery de chaque boucle JQuery Select Element qui n'a aucune classe ou ID Appel des méthodes remplacées en JavaScript Le formulaire OnSubmit détermine le bouton de soumission enfoncé Jquery .on lui-même Erreur JavaScript: "n'est pas une fonction" Comment rendre jQuery dialog modal? Image split base64 en parties JQuery détecte et valide une URL Comment empêchez-vous la navigation d'un site Web en JavaScript? Numéro de format au prix Google Maps setCenter () Supprimer la boîte de dialogue de confirmation tout en utilisant onforeforeload Redimensionner div sur border glisser-déposer Quel est le but de renvoyer une fonction à partir d'une fonction?

Le service d'authentification utilisateur angularjs firebase ne communique pas avec les vues

J'ai un service qui transmet le pseudonym paramètre à l'environnement. J'appelle ce pseudonym dans mes points de vue, mais cela n'apparaît pas du tout.
Comment puis-je réparer cela pour afficher la valeur dans mes vues?

Service 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; }); } } }]);

Dans ma console, je vois la valeur du pseudonym . Mais pas dans ma vue html en utilisant {{pseudonyme}}
Et voici l'exemple de contrôleur de vue: 

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

Retournez la promesse créée par la méthode .then : 

 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; }) ); } } }]);

Ensuite, extrayez la valeur de cette promesse: 

 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); }); }]);

La méthode .then d'un objet renvoie toujours une promesse dérivée de la valeur (ou de la promesse) renvoyée par la fonction de gestionnaire fournie comme argument à cette méthode .then .