Discussion :

[rioll]

Bonjour,

j'ai un petit soucis au niveau de la gestion des scopes, ou un soucis de compréhension ?

voici mon soucis:

En gros, dans mon html (qui a pour controller EventCtrl) j'arrive a afficher Uti.name grace au $scope.Uti = Auth.user.profile.

Mais dans mon controller je n'arrive pas a accéder directement au nom en faisant Auth.user.profile.name.

Pourquoi ?

[slim]

Salut,

Pourrais-tu mettre ton code entre les balises <code> et non poster des images (parce que ça pique un peu), stp ?

mets un console.log() sur tes deux variables et rejoues le cas d'utilisation et dis nous quelles sont les valeurs affichées (sur la console) ?

Comment as-tu déclaré ton contrôleur ? ton application angular ?

[rioll]

Le controlleur, la partie qui m’intéresse

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
'use strict';
 
 
var app = angular.module('APPLI');
 
  app.controller('EventCtrl', function ($scope, Eve, Auth, $location) {
 
  console.log(Auth.user.password.email +' EMAIL LOG');                            /*RENVOI BIEN LE MAIL DE LUTILISATEUR CO*/
  console.log(Auth.user +' USER LOG');                                               
  console.log(Auth.user.profile +' PROFILE LOG');                                  /*RENVOI LOBJECT FIREBASE ENTIER */
  console.log(Auth.user.profile.name +' PROFILE NAME LOG');            /*RENVOI UNDEFINED */
  console.log(Auth.user.profile.$id +' PROFILE ID LOG');                      /*RENVOI LA BONNE VALEUR */
 
 
});

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
 
app.factory('Auth', function(FIREBASE_URL, $firebaseAuth, $firebaseArray,$firebaseObject,$firebase, toaster,$location) {
 
	var ref = new Firebase(FIREBASE_URL);
	var auth = $firebaseAuth(ref);
 
 
	var Auth = {
		user: {},
                 /*Plusieurs fonctions...inutile pour lexemple*/
                      };
 
 
 
auth.$onAuth(function(authData) {
 
		if(authData) {      
      angular.copy(authData, Auth.user);
      Auth.user.profile = $firebaseObject(ref.child('profileExt').child(authData.uid));
      console.log(Auth.user.profile);
		} else {
 
      if(Auth.user && Auth.user.profile) {
        Auth.user.profile.$destroy();
      }
 
      angular.copy({}, Auth.user);
		}
	});

FirebaseObject {$$conf: Object, $id: "simplelogin:74", $priority: null, $save: function, $remove: function…}$$conf: Object$id: "simplelogin:74"$priority: nullemail: "hi@hi.fr"lastname: "hi"nom: "hi"pseudo: "hi"role: "1"__proto__: Object

Donc en gros j'arrive à accéder $id de Auth.user.profile.$id, mais pas a name de Auth.user.profile.name...
J'arrive a accéder a name uniquement dans le DOM en faisant un $scope.User = Auth.user.profile (dans le controlleur) et un {{User.name}} dans le html.

Voilà j’espère que cest plus clair.. merci de l'aide

[slim]

Je pense que le 'user' est modifié après la 2eme ligne.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
angular.copy(authData, Auth.user);
Auth.user.profile = $firebaseObject(ref.child('profileExt').child(authData.uid));

mets des points d'arret ou console.log après chaque ligne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
console.log(JSON.stringify(Auth.user));

[rioll]

Alors,

j'arrive désormais a afficher la propriété de Auth.user.profile.name l'orsque j'arrive sur ma page.

En revanche si je rafraîchi la page du navigateur, la variable passe en "undefined".

En allant sur une autre page et en revenant, la variable reprend la bonne valeur.

Est ce normal ?


merci de l'aide

[slim]

Est ce normal ?

J'imagine que non... Mais c'est le même problème et peut être la même solution.
Il faudrait "dérouler" ton use case et voir à quel moment tes variables sont settées, et à quel moment elle sont modifiées.

[rioll]

Merci en tout cas =)