title: Simple AngularJS routing system doesn't work (xampp server)
body: <p>I'm trying Angular for the first time, and my first issue that I want to implement is single page application feature.
  But here the first problem:
  I have configured a very simple work, it is divided into two files: index.html and project.js.</p>
  
  <p>I'm working on a Windows 10 machine and I'm using xampp 3.2.2, this project is putted inside the folder /htdocs/webapp.</p>
  
  <p>When access to "localhost/webapp/" it properly load the "otherwise" condition, but when I try to load for example "localhost/webapp/#/tomato" or "localhost/webapp/#tomato" the url becomes "<a href="http://localhost/webapp/#!#tomato" rel="nofollow noreferrer">http://localhost/webapp/#!#tomato</a>" and the page still shows the content of the otherwise condition...</p>
  
  <p>I really don't know what is the cause, and also the console doesn't show any errors, it seems that in $routeProvider always get the otherwise condition.</p>
  
  <p>Please guys, give some solutions I'm very nervous ;-)
  Thank you</p>
  
  <p>Below the snippets of the files</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js"&gt;&lt;/script&gt;
          &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-route.min.js"&gt;&lt;/script&gt;
          &lt;script src="project.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body ng-app="myApp"&gt;
          &lt;h2&gt;JavaScript Projects&lt;/h2&gt;
          &lt;div ng-view&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var app = angular.module("myApp", ["ngRoute"]);
  app.config(function($routeProvider) {
      $routeProvider
      .when("/banana", {
          template : "&lt;h1&gt;Banana&lt;/h1&gt;&lt;p&gt;Bananas contain around 75% water.&lt;/p&gt;"
      })
      .when("/tomato", {
          template : "&lt;h1&gt;Tomato&lt;/h1&gt;&lt;p&gt;Tomatoes contain around 95% water.&lt;/p&gt;"
      })
      .otherwise({
          template : '&lt;h1&gt;None&lt;/h1&gt;&lt;p&gt;Nothing has been selected&lt;/p&gt;&lt;a href="#tomato"&gt;prova&lt;/a&gt;'
      });
  });</code></pre>
  </div>
  </div>
  </p>