title: ngRoute not working when refreshing the page
body: <p>The website working fine with <code>ngRoute</code> on <a href="http://www.athimannil.com/" rel="nofollow">http://www.athimannil.com/</a> but unfortunately page <a href="http://www.athimannil.com/about" rel="nofollow">http://www.athimannil.com/about</a> not working when refresh URL :( </p>
  
  <p>is there anything extra need to add in the JavaScript code ?</p>
  
  <pre><code>var app = angular.module('app',['ngRoute']);
      app.config(function($routeProvider, $locationProvider) {
          $locationProvider.html5Mode(true);
          $routeProvider
              .when('/', {
                  templateUrl: 'home.html',
                  controller: 'homecontroller'
              })
              .when('/about', {
                  templateUrl: 'about.html',
                  controller: 'aboutController'
              })
              .when('/portfolio', {
                  templateUrl: 'portfolio.html',
                  controller: 'portfolioController'
              })
              .when('/contact', {
                  templateUrl: 'contact.html',
                  controller: 'contactController'
              })
              .when('/cv', {
                  templateUrl: 'cv.html',
                  controller: 'cvController'
              })
              .otherwise({
                  redirectTo: '/'
              });
      });
  </code></pre>
  
  <p><strong>.htaccess</strong></p>
  
  <pre><code>RewriteEngine On
  RewriteCond %{HTTP_HOST} !^www\.
  RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]
  </code></pre>