Can a controller inherit scope from a parent controller when using ui-router

Question

I have the following:

var admin = {

   name: 'admin',
    url: '/admin',
    views: {
        'nav-sub': {
            templateUrl: '/Content/app/admin/partials/nav-sub.html',
            controller: function ($scope) { $scope.message = "hello"; }
        }
    },
    controller: ['$scope', function ($scope) {
        $scope.message = "hello";
    }]
}

var subject = {
    name: 'subject',
    parent: admin,
    url: '/subject',
    views: {
        'grid@': {
            templateUrl: '/Content/app/admin/partials/grid-subject.html',
            controller: 'AdminGridSubjectController',
        }
    }
};

I would like the AdminGridSubjectController to know what the $scope.message value is but it seems not to know anything about it. Is there something I am doing wrong?

stApp.controller('AdminGridSubjectController', ['$scope', function ( $scope ) {
    var a = $scope.message;
}]);

Richard · Accepted Answer · 2013-10-07 08:31:09Z

17

In order to access the scope of a parent controller in Angular UI Router use:

$scope.$parent

Then the parent scope is then freely available to you.

answered Oct 7, 2013 at 8:31

Richard

1,1721 gold badge11 silver badges20 bronze badges

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

2 Comments

egervari Over a year ago

This doesn't work for views. The child view cannot access the non-root scope properties of the parent that contains the view. They just don't exist and aren't exposed properly.

Developerium Over a year ago

I have been looking for hours! thanx a bunch

ben schwartz · Accepted Answer · 2013-05-20 02:48:27Z

0

Your problem might be that the name should reflect the parent in it:

var subject = {
    name: 'admin.subject',
    parent: admin,
    url: '/subject',
    ...

Here's a complete illustration of how to inherit $scope with ui-router: plunker ex

answered May 20, 2013 at 2:48

ben schwartz

2,5891 gold badge24 silver badges20 bronze badges

4 Comments

user1464139 Over a year ago

schwarts - Thanks Ben. I tried this but I still have the problem. I am wondering if this is something to do with the fact that I am using views.

luthur Over a year ago

@Anne It's the view's problem.

Cody Over a year ago

Shouldn't need that if you declare parent, right? Also, can you use a string instead of an object reference? Like, { ..., parent: 'admin', ... }? Thx!

Luke Kroon Over a year ago

When using the dot notation there is no need to specify the parent. This is in the most recent ui-router. Probably different back then.

Marcelo C. · Accepted Answer · 2017-01-03 17:20:15Z

0

There are several ways (and workarounds) to access parent scope data ... but controller inheritance itself, is not possible: https://github.com/angular-ui/ui-router/wiki/nested-states-&-nested-views#what-do-child-states-inherit-from-parent-states

answered Jan 3, 2017 at 17:20

Marcelo C.

3,9822 gold badges25 silver badges12 bronze badges

Collectives™ on Stack Overflow

Can a controller inherit scope from a parent controller when using ui-router

3 Answers 3

2 Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related