AngularJS - How to use the value recipe as a global variable? - angularjs

Question

I'm trying to figure out how to set a variable and use it globally. By globally i mean just outside the ng-controller scope.
The behavior is very simple. When the "gotologin" div is clicked, the login form must show up. same thing goes for register section.
But it seems the variables I used in ng-show directive are different from the one I've defined using .value and the controller. They all must be the same.
<div class="choose-box" ng-controller="mainController as mcontrol">
<div class="gotologin" ng-click="mcontrol.gotologin()">Login</div>
<div class="gotoregister" ng-click="mcontrol.gotoregister()">Register</div>
</div>
<div class="login-form" ng-show="loginclicked === true">
...
</div>
<div class="register-form" ng-show="registerclicked === true">
...
</div>
<script>
var app = angular.module('myapp', ['ngRoute']);
app.value("loginclicked" , false);
app.value("registerclicked" , false);
app.controller('mainController', function(loginclicked,registerclicked){
this.gotologin = function (){
loginclicked = true;
};
this.gotoregister = function (){
registerclicked = true;
};
});
</script>

Answer 1

You should set the values in the scope like:
$scope.loginclicked = false;
....
$scope.gotologin = function (){
$scope.loginclicked = true;
};
Edit:
Or try to broadcast an event with the value you need and in the other controller listen for that event.

Answer 2

You need to inject app values into your controller like a dependency.
I would do it as follows:
var app = angular.module('myapp', ['ngRoute']);
app.value('loginInfo', {
loginclicked: false,
registerclicked: false
});
app.controller('mainController', mainController);
mainController.$inject = ['$scope', loginInfo];
function mainController($scope,loginInfo){
$scope.loginInfo = loginInfo;
this.gotologin = function (){
$scope.loginInfo.loginclicked = true;
};
this.gotoregister = function (){
$scope.loginInfo.registerclicked = true;
};
}
Html will be <div ng-show="loginInfo.registerclicked"> and <div ng-show="loginInfo.loginclicked">