JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="orderApp" >
  <div class="order-table-page" ng-controller="SummaryController as summaryCtrl">
   <h3>Summary</h3>
   <!-- Statutes summary information -->
   ...

   <!--List of orders with selected statuses-->
   <div ng-controller="OrderTableController as orderTableCtrl">
    ...
   </div>

</div>
</div>

JavaScript

var orderApp = angular.module('orderApp', []);


orderApp.controller('SummaryController', ['$location','$scope', function($location,$scope){

    var ctrl = this;

    ctrl.summary = [];
    $scope.test = 'test';
    
}]);
 orderApp.controller('OrderTableController', ['$location', '$scope', function($location, $scope){

    var table = this;
    table.orders = [];
	  alert($scope.$parent.test);


}]);