title: View not updating when using $controller service in angular
body: <p>I have two controllers.  The view is tied to the firstCtrl.  I'm trying to run the function in the second one so the view is updated. Function runs but view not updated.  Any ideas?</p>
  
  <pre><code>&lt;div&gt;{{people.length}}&lt;/div&gt;
  
  
  
  angular.module('myApp').controller('firstCtrl', function($scope, $http) {
    var self = this;
    $scope.people = [];
  
  
    function getData() {
      $http.get('/people').then(function(res) {
        $scope.people = res.data;
      });
    }
  
    getData();
    $scope.getData = getData;
  
    self.getData = function(){
                 $scope.getData();
        };
        return self;
  
  });
  
  
  
  
  angular.module('myApp').controller('secondCtrl', function( $controller, $scope, $http) {
  
      var firstCtrl= $controller('firstCtrl', { $scope: $scope.$new() });
      firstCtrl.getData(); //This runs but view is not updated above.
  });
  </code></pre>