title: Angular JS route causing infinite loop
body: <p>I'm trying to figure out why the page doesn't navigate to its template when clicked. The URL updates, and I have no JS errors.. I believe it <em>loads</em> the file, but then it infinitely loads the controller. I found this out after I put a <code>console.log('test!')</code> in my SessionsController's instantiation.</p>
  
  <p><strong>The layout</strong></p>
  
  <pre><code>&lt;div ng-view&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>My View</strong></p>
  
  <pre><code>&lt;a href="/testing"&gt; My link of seriousness &lt;/a&gt;
  </code></pre>
  
  <p><strong>My JS</strong></p>
  
  <pre><code>window.MainController = function($scope, $route, $routeParams, $location) {
    $scope.$route = $route;
    $scope.$location = $location;
    $scope.$routeParams = $routeParams;
    console.log($route);
    console.log($location);
    console.log($routeParams);
  };
  
  MainController.$inject = ["$scope", "$route"];
  
  window.app = angular.module('web_client', [], function($routeProvider, $locationProvider) {
    return $routeProvider.when('/testing', {
      templateUrl: '/partials/other_stuff/index.html',
      controller: 'MyController'
    });
  });
  
  
  window.MyController = function($scope, $http) {
    console.log('Infinite Loop!');
  };
  </code></pre>
  
  <p>And in <code>partials/sessions/new.html</code> , I have big and bright :</p>
  
  <pre><code>FOOBAR!
  </code></pre>