title: AngularJS ng-view not showing view
body: <p>I'm developing a web app with AngularJS for the frontend and i'm trying to set the routing and showing the views, so far even ng-include and other stuff work for me but not ng-view
  I'm developing in visual studio and when i run the app it's using a local server (localhost)</p>
  
  <p>here's my directory structure</p>
  
  <pre><code>- ASP.NET project
  ---- Css
  ---- Scripts
  -------- App
  -------- app.js
  ----------- Home
  -------------- Controllers
  ------------------ index-controller.js
  ---- Views
  ------- Partials
  ---------- navbar.html
  ------- home.html
  - index.html
  </code></pre>
  
  <p>Here's mi index.html</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;Scolaris&lt;/title&gt;
      &lt;!--Import materialize.css--&gt;
      &lt;link type="text/css" rel="stylesheet" href="Content/materialize/css/materialize.css" media="screen,projection" /&gt;
  
      &lt;!--Let browser know website is optimized for mobile--&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt;
  &lt;/head&gt;
  &lt;body ng-app="app_module"&gt;
  
      &lt;ng-include src="'Views/Partials/navbar.html'"/&gt;
  
      &lt;div ng-view&gt;&lt;/div&gt;
  
      &lt;!--Import jQuery before materialize.js--&gt;
      &lt;script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="Content/materialize/js/materialize.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="Scripts/angular.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="Scripts/angular-route.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="Scripts/App/app.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="Scripts/App/Home/Controllers/index-controller.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="Scripts/initialization.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here's my app.js</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>'use strict';
  var app_module = angular.module('app_module', ['ngRoute']);
  app_module.config(['$routeProvider', function ($routeProvider) {
      $routeProvider
        .when('/', {
            templateUrl: '/Views/home.html',
            controller: 'indexController'
        })
        .otherwise({
            redirectTo: '/'
        });
  }]);
  /* tried with ../../Views/home.html, ../Views/home.html, etc and nothing */</code></pre>
  </div>
  </div>
  </p>
  
  <p>When i load the site it loads correctly and if i see the requests i can clearly see that it's requesting the home.html with 304 status code, the thing is the div with ng-view is not showing the html inside home.html, what could this be due to?</p>