javascript - 登录/注销后无法刷新 ionic 侧菜单上的数据

Question

使用 ionic Creator，我在登录/注销时遇到问题，我的侧面菜单信息(头像、用户名...)保留了先前用户的信息(我正在两个帐户之间切换以进行测试)。我不知道如何刷新或删除与前一个用户相关的所有信息，以刷新下一个用户的侧面菜单。我可以在控制台中看到加载了正确的值，但它们不会删除菜单中的前一个值。

有什么建议吗？

这是我的代码:

// SIGNOUT FUNCTION in the controller

$scope.signOut = function(){ 
   firebase.auth().signOut().then(function() {
            
            // This is to try to "clean" "clear" all informations of the previous user
            $ionicLoading.show({
            template: 'Logging out....'
            });
    
                $timeout(function () {
                $ionicLoading.hide();
                $ionicHistory.clearCache();
                $ionicHistory.clearHistory();
                $ionicHistory.nextViewOptions({
                disableBack: true,
                historyRoot: true
                });
            $state.go("connexion");
        }, 30);         
    });
};

// MAJ DOM (menu) FUNCTION in the controller
// function used for refresh the menu informations (avatar, displayname...)

$scope.majDom = function()
{
    //$state.reload();
    var user = firebase.auth().currentUser;
    var uid;
    $scope.userData = user;

    if (user !== null) {
        $scope.userData.displayName = user.displayName;
        $scope.userData.email = user.email;
        $scope.userData.avatar = user.photoURL;
        uid = user.uid;
        //With these lines, I can read in the console that the right informations are loaded after a new login, but never appear in the menu, instead there are previous user's informations.
        console.log("Avatar de l'user :", $scope.userData.avatar);
        console.log("Nom de l'user :", $scope.userData.displayName);
        console.log("Email de l'user :", $scope.userData.email);
    }
}

// LOGIN FUNCTION in the controller

$scope.loginEmail = function($email, $password){
    
    var alertPopup;
    
    function signInSuccess(response) {
        console.log('signInSuccess : ', response);
        // This is to call a menu refresh, but dosen't work
        $scope.majDom();
        $state.go("menu.VNements");
    }
    
firebase.auth().signInWithEmailAndPassword($email, $password)
  .then(signInSuccess)
};


// MENU FUNCTION in the Menu Page of the creator

function ($scope, $stateParams, $state, $firebaseArray, $ionicHistory) {
    
//$ionicUser, $ionicAuth,

    var user = firebase.auth().currentUser;
    var uid;
    $scope.userData = user;
    
    $ionicHistory.clearCache();
    $ionicHistory.clearHistory();
    $ionicHistory.nextViewOptions({
        disableBack: true,
        historyRoot: true
    });
     
    if (user !== null) {
        $scope.userData.displayName = user.displayName;
        $scope.userData.email = user.email;
        $scope.userData.avatar = user.photoURL;
        uid = user.uid;
        console.log("Avatar de l'user :", $scope.userData.avatar);
        console.log("Nom de l'user :", $scope.userData.displayName);
        console.log("Email de l'user :", $scope.userData.email);
    }

In the side menu's HTML the Avatar is called like this :

{{userData.avatar}}


And the display name :

{{userData.displayName}}

Answer 1

解决方案:

我想出了这个:)，解决方案是在 $scope.$on 内初始化当前用户，因为问题是当您创建 ionic 侧菜单应用程序时，菜单会使用您提供的信息创建一次他，要刷新它，您需要有一个像 $scope.$on 这样的事件函数。在这种特殊情况下，仅在 HTML 中包含 {{data.value}} 是不够的。

// MAJ DOM (menu) FUNCTION in the controller
// function used for refresh the menu informations (avatar, displayname...)

$scope.majDom = function() 
{    
    var user;
    var uid;
    
     $scope.$on('$ionicView.enter', function() {
         
        user = firebase.auth().currentUser;
        $scope.userData = user;
    
        $scope.userData.displayName = user.displayName;
        $scope.userData.email = user.email;
        $scope.userData.avatar = user.photoURL;
        uid = user.uid;
        console.log("MENU : Avatar de l'user :", $scope.userData.avatar);
        console.log("MENU : Nom de l'user :", $scope.userData.displayName);
        console.log("MENU : Email de l'user :", $scope.userData.email);
    });
}