Discussion :

[konini]

Bonjour,

J'ai un problème récurrent dans mon appli.
J'illustre par un exemple simple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
    promise.then(function (value) {
		var data = value.data;
		$rootScope.mvView = data.Info;
		console.log($rootScope.mvView);
		var listeAdr = $rootScope.mvView.ListeAdresse;
		if (listeAdr.length > 0) {
			console.log(listeAdr);
			listeAdr.splice(0, 1);
			console.log(listeAdr);
		}
    });

J'ai une promise, qui récupère des infos que je mets dans le rootscope (celui-ci est injecté dans d'autres controller, mais là ce n'est pas le sujet).
J'instancie une variable JS dans laquelle je stocke un array d'adresse (3 éléments). Je supprime le premier élément de l'array de cette variable : ok
Mais, ça l'a aussi supprimé dans le $rootScope.mvView.ListeAdresse.

Il s'agit surement d'un manque de connaissance d'angularjs... Et évidemment c'est un problème qui devient extrêmement gênant, car il se reproduit souvent.

Je ne comprends pas pourquoi, en modifiant une variable complètement indépendante, ça va me modifier le rootscope.
Pour info, en plus du rootscope.mvView, j'ai aussi un rootScope.mvEdit, lui aussi modifié.

Environnement :

• AngularJS v1.4.4
• Chrome 45

Merci pour vos retours,

[slim]

Mais, ça l'a aussi supprimé dans le $rootScope.mvView.ListeAdresse.

Il s'agit surement d'un manque de connaissance d'angularjs...

non, sorry mais c'est pas AngularJS mais de Javascript qu'il s'agit...
Quand tu fais une affectation d'objet en javascript, celui-ci est passé par référence contrairement aux types primitifs (boolean, int, etc.).
Donc si tu modifie l'objet initial, l'objet "copié" est aussi modifié.

Par ailleurs, enregistrer des variables dans le $rootScope, c'est mal !

$rootScope exists, but it can be used for evil

[Marco46]

Aucun rapport avec Angular, c'est du JavaScript pur.

En JavaScript les variables sont des adresses de variables (comme en Java). Donc quand tu fais

Code :

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

var listeAdr = $rootScope.mvView.ListeAdresse;

Les deux variables (qui sont des références) pointent sur la même valeur en mémoire.

Pour avoir deux valeurs en mémoire différentes il suffit de faire ceci :

Code :

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

var listeAdr = angular.copy($rootScope.mvView.ListeAdresse);

EDIT : +1 pour le $rootScope.

[konini]

Hmmmm mais c'est quand même dingue que je n'ai jamais été confronté à ça ! Comme quoi, on apprend tous les jours, viva notre métier !
Bien, je vais creuser.

Pour le rootscope, j'ajoute la suite de la faq :

$rootScope exists, but it can be used for evil
Scopes in Angular form a hierarchy, prototypally inheriting from a root scope at the top of the tree. Usually this can be ignored, since most views have a controller, and therefore a scope, of their own.

Occasionally there are pieces of data that you want to make global to the whole app. For these, you can inject $rootScope and set values on it like any other scope. Since the scopes inherit from the root scope, these values will be available to the expressions attached to directives like ng-show just like values on your local $scope.

Of course, global state sucks and you should use $rootScope sparingly, like you would (hopefully) use with global variables in any language. In particular, don't use it for code, only data. If you're tempted to put a function on $rootScope, it's almost always better to put it in a service that can be injected where it's needed, and more easily tested.

Conversely, don't create a service whose only purpose in life is to store and return bits of data.

C'est exactement ce que je veux, des infos globales que je récupère dans chaque controller.
Mais j'avais déjà atteint une limite à ça, et je pense que la notion de service va répondre à mon besoin.

Merci pour vos retours, extrêmement rapide,