title: AngularJS - Lost html after refreshing page
body: <p>I came accross big problem with my simple angular app. After refreshing page, all html is lost!<br>
  My problem is not about angular data and/or session/local storage data but only HTML.<br>
  For example, when accessing home page via navbar "Home" button it looks like:
  <a href="https://i.stack.imgur.com/b18Nb.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/b18Nb.jpg" alt="enter image description here"></a></p>
  
  <p>After klicking refresh button or f5 "Home Page" inside h1 tag is lost:
  <a href="https://i.stack.imgur.com/Jvod7.png" rel="nofollow"><img src="https://i.stack.imgur.com/Jvod7.png" alt="enter image description here"></a></p>
  
  <p>So the question is - What is wrong with my routing configuration or maybe this is expected behaviour for angular? I was looking a lot about this problem but most of the topics are about saving data in $localStorage or $sessionStorage. This problem occurs for all my pages.</p>
  
  <p><strong>EDIT</strong>
  Hi Guys, thanks for Your comments.</p>
  
  <p>@devqon - I don't think that locationProvider is needed here. I am using routeProvider.
  I changed a little bit routing configuration : replaced '' with "" and put otherwise statement at the end of configuration:</p>
  
  <pre><code>&lt;code&gt;
  app.config(function($routeProvider, $httpProvider) {
      $routeProvider.when("/", {
          templateUrl : "src/html/home.html",
          controller  : "HeaderCtrl"
      })
      .when("/home", {
          templateUrl : "src/html/home.html",
          controller  : "HomeCtrl"
      })
      .when("/flights", {
          templateUrl : "src/html/flights.html",
          controller  : "FlightCtrl"
      })
      .when("/customers", {
          templateUrl : "src/html/customers.html",
          controller  : "CustomerCtrl"
      })
      .when("/login", {
          templateUrl : "src/html/login.html",
          controller : "HeaderCtrl"
      })
      .when("/flight_choose", {
          templateUrl : "src/html/flight_choose.html",
          controller : "FlightChooseCtrl"
      }).otherwise("/home");
  
      $httpProvider.interceptors.push('airlinesRequestInterceptor');
  });
  &lt;/code&gt;
  </code></pre>
  
  <p>As You can see I've created HomeCtrl which is very simple:</p>
  
  <pre><code>&lt;code&gt;
  app.controller('HomeCtrl', function() {});
  &lt;/code&gt;
  </code></pre>
  
  <p>The home.html is on the first screnshot.
  @Gustavo Gabriel - could You be more specific? :)
  Aforementioned changes did NOT solve the problem :(</p>
  
  <p><strong>EDIT 2</strong></p>
  
  <p>@Kai - thank You for Your response.
  After Your advice I changed configuration and now it looks like:
      <code>
      app.config(function($routeProvider, $httpProvider) {
      $routeProvider.when("/", {
          templateUrl : "src/html/home.html",
          controller  : "HomeCtrl"
      })
      .when("/flights", {
          templateUrl : "src/html/flights.html",
          controller  : "FlightCtrl"
      })
      .when("/customers", {
          templateUrl : "src/html/customers.html",
          controller  : "CustomerCtrl"
      })
      .when("/login", {
          templateUrl : "src/html/login.html",
          controller : "HeaderCtrl"
      })
      .when("/flight_choose", {
          templateUrl : "src/html/flight_choose.html",
          controller : "FlightChooseCtrl"
      }).otherwise("/");</p>
  
  <pre><code>$httpProvider.interceptors.push('airlinesRequestInterceptor');
  </code></pre>
  
  <p>});
      </code>
  I've also changed navbar link for Home:
  <a href="https://i.stack.imgur.com/AR12g.png" rel="nofollow"><img src="https://i.stack.imgur.com/AR12g.png" alt="enter image description here"></a>
  The problem still occurs, so maybe I misanderstood You.
  Any ideas? </p>
  
  <p>Thanks in advance,
  Michal</p>