Partage de valeurs entre la vue principale et les vues partielles
Bonjour,
L'objectif final est qu'une partie du menu ne s'affiche que si l'utilisateur est connecté, voici comment je m'y suis pris.
J'ai mis un ng-show="isConnected" sur l'élément <ul>.
Le menu dépend du contrôleur mainCtrl placé sur <body> dans lequel j'initialise isConnectd à false.
Code:
1 2 3
| app.controller('mainCtrl', ['$scope', function ($scope) {
$scope.isConnected = false;
}]); |
Lorsqu'on clique sur le bouton Connexion j'appelle une vue partielle connexion.html qui a son contrôleur connexionCtrl. Si le login et pwd sont OK je passe isConnected à true :
Code:
1 2 3 4 5 6 7
| $scope.seConnecter = function () {
var login = $scope.login;
var pwd = $scope.pwd;
$scope.isConnected = Connexion.seConnecter(login, pwd);
if ($scope.isConnected)
$location.path('/home');
}; |
J'ai vérifié isConnected passe bien à true dans la fonction et j'affiche bien la vue partielle, mais le menu ne s'affiche pas et dans la vue partielle home.html isConnected est à false.
Je tourne en rond et une petite aide serait la bienvenue.
Merci d'avance