title: Using controller inside another controller in AngularJS
body: <p>Why I can't bind to controller's variable inside second controller?</p>
  
  <pre><code>&lt;div ng-app="ManagerApp"&gt;
      &lt;div ng-controller="MainCtrl"&gt;
          Main: 
          &lt;div ng-repeat="state in states"&gt;
              {{state}}
          &lt;/div&gt;
          &lt;div ng-controller="InsideCtrl as inside"&gt;
              Inside:
              &lt;div ng-repeat="state in inside.states2"&gt;
                  {{state}}
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  var angularApp = angular.module('ManagerApp', []);
  
  angularApp.controller('MainCtrl', ['$scope', function ($scope) {
      $scope.states = ["NY", "CA", "WA"];
  }]);
  
  angularApp.controller('InsideCtrl', ['$scope', function ($scope) {
      $scope.states2 = ["NY", "CA", "WA"];
  }]);
  </code></pre>
  
  <p>Example: <a href="https://jsfiddle.net/nukRe/135/" rel="noreferrer">https://jsfiddle.net/nukRe/135/</a></p>
  
  <p>Second ng-repeat doesn't work.</p>