AngularJs: Access parent scope and I am getting Scope undefined

Question

I am trying to access a parent scope, but I am getting the error that the scope is undefined.

MyApp.controller('AdminController', function ($scope, $http, $filter, $mdDialog, $window, $location, $mdToast) {

$scope.test = "Test";

}).
controller('ToastCtrl', function($scope, $mdToast, $mdDialog) {
    $scope.openMoreInfo = function(e) {
        if ( isDlgOpen ) return;
        isDlgOpen = true;

        $mdDialog
          .show($mdDialog
            .alert()
            .title($scope.$parent.test)
            .targetEvent(e)
          )
          .then(function() {
              isDlgOpen = false;
          })
    };
});

Any suggestion, why I am getting this error.

Thank you in advance.

I don't see anything in your code why you would expect there is a parent scope — devqon, Nov 04 '16 at 13:22
Possible duplicate of [angularjs Access parent scope from child controller](http://stackoverflow.com/questions/21453697/angularjs-access-parent-scope-from-child-controller) — Corporalis, Nov 04 '16 at 13:24

score 0 · Answer 1 · answered Nov 04 '16 at 13:35

You should have posted also your view here (at least), but I assume in your html you have something like this

<div ng-controller="AdminController">
    <div ng-controller="ToastCtrl">
        <!-- openMoreInfo  called somewhere here -->
    </div>
</div>

And you what your controller to look for $scope.test variable in parent scope. You can just try to use angularjs scope inheritance this way

In parent controller change $scope.test = "Test"; with

$scope.Data = {};
$scope.Data.test = "Test";

Then in your child controller use .title($scope.Data.test).
The child controller will try to access $scope.Data object but it doesn't exist in current scope, so it will try to search for it in $parent scope where it can be found.

score 0 · Accepted Answer · answered Nov 04 '16 at 15:00

The problem you are not able to access the value is there is no parent-child relationship between your controllers.

You can access it multiple ways:

Either using a service to communicate between controllers.
Using emit/broadcast to communicate
Use $rootscope, but its not recommended.

AngularJs: Access parent scope and I am getting Scope undefined

2 Answers2