ログイン/ログアウト後にイオンサイドメニューのデータをリフレッシュできない

Question

イオンクリエイターを使用すると、ログイン/ログアウト時に私のサイドメニュー情報（アバター、ユーザー名...）が以前のユーザーの情報を保持するテストする2つのアカウント間の切り替え）。前のユーザーに関連するすべての情報を更新または削除する方法、次のメニューのためにサイドメニューを更新する方法がわかりません。コンソールで正しい値がロードされていることがわかりますが、メニューの前の値は消去されません。

提案がありますか？

// 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

ソリューション：

はここに私のコードです

私は:)これを考え出し、溶液は$スコープ内の現在のユーザーを初期化することでした。 $ onは、あなたがイオンサイドメニューアプリケーションを作成しているときに問題があるので、メニューはあなたが彼に与えた情報で一度作成され、それをリフレッシュするためにイベントfunctiを持つ必要があります$ 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); 
 
    }); 
 
}