Angular 1.4 - get parent controller property
<p>I have the following HTML structure:</p>

<pre><code>&lt;div class="order-table-page" ng-controller="SummaryController as summaryCtrl"&gt;
   &lt;h3&gt;Summary&lt;/h3&gt;
   &lt;!-- Statutes summary information --&gt;
   ...

   &lt;!--List of orders with selected statuses--&gt;
   &lt;div ng-controller="OrderTableController as orderTableCtrl"&gt;
    ...
   &lt;/div&gt;

&lt;/div&gt;
</code></pre>

<p>So, OrderTableController is a child of SummaryController. Now, in child controller I want to get access to the parent property. In parent class I define:</p>

<pre><code>orderApp.controller('SummaryController', ['$location', 'ordersApi', function($location, ordersApi){

    var ctrl = this;

    ctrl.summary = [];
    ctrl.test = 'test';

    ...

}]);
</code></pre>

<p>And in child controller I try to get "test" property:</p>

<pre><code>   orderApp.controller('OrderTableController', ['$location', '$scope', 'ordersApi', function($location, $scope, ordersApi){

    var table = this;
    table.orders = [];


    console.log("Table orders 1");
    console.log($scope.$parent.test);

    ...

}]);
</code></pre>

<p>I expect that $scope.$parent will contain SummaryController scope. But I'm not sure what it contains, because <code>$scope.$parent.test</code> is undefined and $scope.$parent has property named summaryCtrl.</p>

<p>My question is how to get parents property "test" form OrderTableController?</p>