Può un ambito di controllo ereditare da un controller di genitore quando si utilizza ui-router

Question

Ho il seguente:

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', 
     } 
    } 
}; 

vorrei che l'AdminGridSubjectController sapere qual è il valore di $ scope.message è ma sembra non sapere niente a riguardo. C'è qualcosa che sto sbagliando?

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

Answer 1

Al fine per accedere allo scope di un controller padre in UI angolare Utilizzare il router:

$scope.$parent 

Quindi l'ambito genitore è quindi liberamente disponibile.

Answer 2

Il tuo problema potrebbe essere che il nome dovrebbe riflettere il genitore in esso:

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

Ecco un'illustrazione completa di come ereditare $ portata con ui-router: plunker ex

Answer 3

Ci sono diversi modi (e soluzioni) per accedere ai dati ambito padre ... ma regolatore eredità per sé, non è possibile: https://github.com/angular-ui/ui-router/wiki/nested-states-&-nested-views#what-do-child-states-inherit-from-parent-states