danilobatistaqueiroz/angularjs_html5mode_without_deeplink.md

## angularjs_html5mode_without_deeplink.md

      
    Raw
  

              angularjs_html5mode_without_deeplink.md
            
          
    AngularJS Html5mode Without Deeplink

app.js

var app = angular.module("myApp", ["ngRoute"]);

app.config(function($routeProvider, $locationProvider) {
    $routeProvider
		.when("/", {
			templateUrl : "main.htm"
		})
		.when("/red", {
			templateUrl : "red.htm"
		})
		.when("/green", {
			templateUrl : "green.htm"
		})
		.when("/blue", {
			templateUrl : "blue.htm"
		});
    $locationProvider.html5Mode(true);
});
index.html

<html>
<head>
  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <base href="/">
</head>
<body ng-app="myApp">


<p><a href="/">Main</a></p>

<a href="red">Red</a>
<a href="green">Green</a>
<a href="blue">Blue</a>

<div ng-view></div>

<script src="app.js"></script>
</body>
</html>