retour de l'usine angulaire lorsque la plate-forme ionique prêt

Question

J'ai une usine firebase Auth comme suit

app.factory("Auth", ["$firebaseAuth", "FIREBASE_URL","$ionicPlatform", 
    function($firebaseAuth, FIREBASE_URL, $ionicPlatform) { 
     var auth = {}; 
     $ionicPlatform.ready(function(){ 
      var ref = new Firebase(FIREBASE_URL); 
      auth = $firebaseAuth(ref); 
     }); 
     return auth; 
    } 
]); 

J'injectais l'usine Auth dans ma résolution ui-routeur comme la dépendance mais le temps ui-routeur est configuré le auth est vide parce que la plate-forme prête entre en action par la suite.

app.config(function ($stateProvider, $urlRouterProvider) { 
    $stateProvider 
    .state('menu', { 
     url: '/menu', 
     abstract:true, 
     cache: false, 
     controller: 'MenuCtrl', 
     templateUrl: 'templates/menu.html', 
     resolve: { 
     auth: function($state, Auth){ 
      //<--Auth is empty here when the app starts -----> 
      return Auth.$requireAuth().catch(function(){ 
       $state.go('login'); //if not authenticated send back to login 
      }); 
     } 
     } 
    }) 

Comment puis-je m'assurer que l'usine Auth n'est pas vide avant d'être injectée dans le routeur ui?

J'ai essayé -

app.factory("Auth", ["$firebaseAuth", "FIREBASE_URL","$ionicPlatform", 
     function($firebaseAuth, FIREBASE_URL, $ionicPlatform) { 
      return $ionicPlatform.ready(function(){ 
       var ref = new Firebase(FIREBASE_URL); 
       return $firebaseAuth(ref); 
      }); 
     } 
    ]); 

Mais retourne une promesse qui le rend encore plus compliqué à utiliser.

EDIT: je promesses en usine pour résoudre le problème

app.factory("Auth", ["$firebaseAuth", "FIREBASE_URL","$ionicPlatform","$q", 
    function($firebaseAuth, FIREBASE_URL, $ionicPlatform, $q) { 
    var auth = {}; 
    return { 
     getAuth : function(){ 
     var d = $q.defer(); 
     $ionicPlatform.ready().then(function(){ 
      var ref = new Firebase(FIREBASE_URL); 
      auth = $firebaseAuth(ref); 
      d.resolve(auth); 
     }); 
     return d.promise; 
     } 
    }; 
    } 
]); 

Cela fonctionne, mais je cherche une meilleure solution.

Answer 1

Vous ne pouvez pas renvoyer {}, puis attendre plus tard que cela devienne comme par magie l'instance $firebaseAuth, qui est définie ultérieurement dans une fonction asynchrone. Voir this question pour une formation asynchrone.

// "points" the x variable to object A 
var x = {}; 
// "points" the x variable to an instance of $firebaseAuth() 
// but not before {} is returned from the function 
x = $firebaseAuth(...) 

Si vous voulez attendre que la plate-forme soit prête avant d'exécuter votre fonction de résolution, enchaînez simplement les promesses; c'est à peu près le point des promesses.

app.factory('IonicReady', function($q, $ionicFramework) { 
    return $q(function(resolve, reject) { 
     $ionicPlatform.ready(resolve); 
    }); 
}); 

Et puis dans votre résolution:

resolve: { 
    auth: function($state, Auth, IonicReady){ 
    return IonicReady 
     .then(function() { 
      return Auth.$requireAuth(); 
     }) 
     .catch(function(e) { 
      console.error(e); 
      $state.go('login'); 
     }); 
    } 
} 

Ne pas être un expert ionique, cela pose simplement la question suivante: Pourquoi bootstrap angulaire du tout avant ionique est prêt? Pourquoi Angular n'est-il pas automatiquement amorcé lorsque Ionic est chargé? Il semble plus approprié de ne pas effectuer de routage jusqu'à ce que la plate-forme soit prête à supporter cela et à simplifier le processus depuis la porte. Je ne sais pas comment exécuter cette partie, mais il semble que cela résout le X rather than the Y.

Answer 2

Assurez-vous de consulter la documentation Firebase officielle et des exemples sur https://www.firebase.com/docs/web/libraries/angular/guide/user-auth.html

resolve: { 
    // controller will not be loaded until $waitForAuth resolves 
    // Auth refers to our $firebaseAuth wrapper in the example above 
    "currentAuth": ["Auth", function(Auth) { 
    // $waitForAuth returns a promise so the resolve waits for it to complete 
    return Auth.$waitForAuth(); 
    }] 
} 

Votre usine Auth peut ressembler à ceci alors

app.factory("Auth", ["$firebaseAuth", 
    function($firebaseAuth) { 
    var ref = new Firebase("https://docs-sandbox.firebaseio.com"); 
    return $firebaseAuth(ref); 
    } 
]); 

sans une dépendance sur la plate-forme ionique lui-même.