Modify variable of parent controller inside child controller AngularJS 1.x

Question

I have my body controlled by a MainController. In the body, I have another nested controller. In my index.html, I have a div element controlled by the nested controller:

index.html

<body ng-controller="MainController">
  <div ng-controller="LoginController" ng-hide="isLoggedIn"></div>
  <div class="navbar" ng-hide="!isLoggedIn">
    <!-- A form which calls login() function inside LoginController -->
  </div>
</body>

MainController:

angular.module('DemoApp')
    .controller('MainController', ['$scope', function ($scope) {
    $scope.isLoggedIn = false;
}]);

LoginController

angular.module('DemoApp')
    .controller('LoginController', ['$scope', '$location', function ($scope, $location) {
    $scope.login = function () {
       if($scope.loginCredentials.username === 'username' && $scope.loginCredentials.password === 'password') {
            $scope.parent.isLoggedIn = true; /* here, how to modify this variable */
            $location.path('/home');
        }
   };
}]);

All I want to do is change the variables of MainController, which is isLoggedIn, from my nested controllers. I used $scope.parent, but it shows unknow provider parent. How to achieve this?

Use $localStorage to store isLoggedIn. and get it from $localStorage when needed. This data is available until you manually clear the key. — Sharan De Silva
– Sharan De Silva, Commented Jan 5, 2017 at 6:40

Satpal · Accepted Answer · 2017-01-05 06:39:57Z

2

You need to use $parent to get the parent controller scope, then various methods and properties can be accessed.

$scope.$parent.isLoggedIn = true;

answered Jan 5, 2017 at 6:39

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sahil Arora Over a year ago

Thanks! Also, if I go on home page again, I need to set that variable to false. How to do that?

Collectives™ on Stack Overflow

Modify variable of parent controller inside child controller AngularJS 1.x

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related