title: Multiple controllers in angular
body: <p>Hello some pleeeease help me with this. I am new to angular. I want to apply both controllers to my table. These two controllers are created under different modules. The module is from npm install. it is named angular-table-resize. Here is the code below. the table resize feature seems not working </p>
  
  <p>Controller</p>
  
  <pre><code>var app = angular.module('myApp', ['ngTableResize']);
  app.controller('AppCtrl', ['$scope',function($scope) {
  
  
      $scope.resizeMode = "FixedResizer";
  }]);
  
  
  var app2 = angular.module('myApp2', []);
  app2.controller('AppCtrl2', ['$scope','$http',function($scope,$http) {
      $scope.num = -1;
      $http.get('/enodeb').success(function(response){
          $scope.ue = response;
      }); 
  
  }]);
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="myApp"&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="node_modules/angular-table-resize/dist/angular-table-resize.min.css"&gt;
      &lt;!-- Latest compiled and minified CSS --&gt;
      &lt;link rel="stylesheet" href="bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  
      &lt;!-- Optional theme --&gt;
      &lt;link rel="stylesheet" href="bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"&gt;
  
      &lt;meta charset ="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content= "IE=edge"&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;meta name="description" content=""&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div ng-table="tableParams" class="container" ng-Controller="AppCtrl" style="margin-left:180px"&gt;
      &lt;h1&gt;ERIS/BUDS Mismatches&lt;/h1&gt;
          &lt;table resizeable mode="resizeMode" class="table draggable sortable"  id="myTable"&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th id="colName1"&gt;&lt;a&gt;EnodeB&lt;/a&gt;&lt;/th&gt;
                      &lt;th id="colName2"&gt;&lt;a&gt;Product(BUDS)&lt;/a&gt;&lt;/th&gt;
                      &lt;th id="colName3"&gt;&lt;a&gt;SerialNum(BUDS)&lt;/a&gt;&lt;/th&gt;
                      &lt;th id="colName4"&gt;&lt;a&gt;Bams-ID(BUDS)&lt;/a&gt;&lt;/th&gt;
                      &lt;th id="colName5"&gt;&lt;a&gt;Product(ERIS)&lt;/a&gt;&lt;/th&gt;
                      &lt;th id="colName6"&gt;&lt;a&gt;SerialNum(ERIS)&lt;/a&gt;&lt;/th&gt;
                      &lt;th id="colName7"&gt;&lt;a&gt;Bams-ID(ERIS)&lt;/a&gt;&lt;/th&gt;
  
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr ng-repeat = "device in ue"&gt;
                      &lt;td&gt;{{device.enodeBname}}&lt;/td&gt;
                      &lt;td&gt;{{device.productnum_buds}}&lt;/td&gt;
                      &lt;td&gt;{{device.serialnum_buds}}&lt;/td&gt;
                      &lt;td&gt;{{device.bamsid_buds}}&lt;/td&gt;
                      &lt;td&gt;{{device.productnum_eris}}&lt;/td&gt;
                      &lt;td&gt;{{device.serialnum_eris}}&lt;/td&gt;
                      &lt;td&gt;{{device.bamsid_eris}}&lt;/td&gt;
  
                  &lt;/tr&gt;
              &lt;/tbody&gt;
  
  
          &lt;/table&gt;
      &lt;/div&gt;
  
      &lt;script src="angular-table-resize.min.js"&gt;&lt;/script&gt;
      &lt;script src="jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="angular.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="Controller/controller.js"&gt;&lt;/script&gt;
      &lt;script src="dragtable.js"&gt;&lt;/script&gt;
      &lt;script src="sorttable.js"&gt;&lt;/script&gt;
  
  
  
  &lt;/body&gt;
  </code></pre>
  
  <p></p>