title: angular.js routing only on webserver
body: <p>I'm new to <a href="https://angularjs.org/" rel="nofollow">Angular.js</a> so bear with me. I found Angular's routing pretty neat which is why I want to try my first Webpage with it. My approach is the following:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html ng-app="test"&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;testrouting&lt;/title&gt;
      &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.21/angular.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/angular-route.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/app.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
  
    &lt;body&gt;
      &lt;div id="inject" ng-view&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and the an <code>app.js</code></p>
  
  <pre><code>var app = angular.module('test', ['ngRoute']);
  
  app.config(function($routeProvider) { 
  $routeProvider
      .when('/', {
          templateUrl: 'routes/index.html'    
      });
  });
  </code></pre>
  
  <p>problem is, that <code>index.html</code> is not shown. Inside <code>index.html</code> I have a plain <code>&lt;p&gt;</code> element with some text. But no text is showing on my root index. As far as I know angular is a front-end framework, so is there any Webserver neccessary which causes the problem?</p>
  
  <p>Thanks</p>