title: AngularJS controller function not called
body: <p>So I have my index page: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="application" xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="Content/bootstrap.min.css" rel="stylesheet" /&gt;
      &lt;script src="Scripts/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="Scripts/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script src="app/app.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;!-- Place where the page will be rendered at --&gt;
      &lt;div ng-view&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The application looks like this: </p>
  
  <pre><code>var application = angular.module('application', ["ngRoute"]);
  
  application.config(["$routeProvider", "$locationProvider",
      function ($routeProvider, $locationProvider) {
          $routeProvider
              .when("/home", {
                  templateUrl: "app/ListContactsForm/lcTemplate.html",
                  controller: "HomeController"
              })
              .otherwise({
                  redirectTo: "/home"
              });
          //$locationProvider.html5Mode(true);
      }]);
  
  
  
  application.controller("HomeController",
      ["$scope", "$location", "DataService",
      function ($scope, $location, DataService) {
  
          alert("home hit!");
  
      }]);
  </code></pre>
  
  <p>The lcTemplate.html: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;aaaa&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      I'm here!!
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The problem is that the lcTemplate is rendered, i get the "I'm here!!" message, but he HomeController function is never called. Why is that so?</p>