Enabled HTML5 mode (closes #89)

dsebastien · dsebastien · commit 8454ad1d9408 · 2016-04-07T20:12:51.000+02:00
diff --git a/src/app/app.ts b/src/app/app.ts
@@ -13,6 +13,9 @@ import IStateProvider = ng.ui.IStateProvider;
 import IUrlRouterProvider = ng.ui.IUrlRouterProvider;
 import IStateService = ng.ui.IStateService;
 
+// location provider
+import ILocationProvider = angular.ILocationProvider;
+
 // i18n
 import ITranslateProvider = angular.translate.ITranslateProvider;
 
@@ -49,8 +52,8 @@ export class App {
             templateUrl: templateAppUrl,
         });
 
-        appModule.config(["$urlRouterProvider", "$stateProvider", "$translateProvider",
-        ($urlRouterProvider:IUrlRouterProvider, $stateProvider:IStateProvider, $translateProvider:ITranslateProvider):any => {
+        appModule.config(["$urlRouterProvider", "$stateProvider", "$translateProvider", "$locationProvider",
+        ($urlRouterProvider:IUrlRouterProvider, $stateProvider:IStateProvider, $translateProvider:ITranslateProvider, $locationProvider: ILocationProvider):any => {
             $urlRouterProvider.otherwise("/home");
 
             $stateProvider
@@ -67,10 +70,16 @@ export class App {
 
             // Preferred language to be used when there is no language set or there is an error while downloading the translations files
             $translateProvider.preferredLanguage("en");
+            
             // Language to be used for those translation keys that are not defined in another language
             $translateProvider.fallbackLanguage("en");
+            
             // Enable escaping of HTML
             $translateProvider.useSanitizeValueStrategy("escaped");
+            
+            // Enable HTML5 History API: adds support for pretty URLs
+            // requires server configuration (URL rewriting)
+            $locationProvider.html5Mode(true);
         },]);
 
         appModule.run(["$state", "$log", ($state:IStateService, logger:ILogService) => {
diff --git a/src/index.html b/src/index.html
@@ -34,6 +34,7 @@
 
     <!-- base url -->
     <!-- all relative URLs will use this as base URL: https://developer.mozilla.org/en/docs/Web/HTML/Element/base -->
+    <!-- necessary for HTML5 History API which adds support for pretty URLs (see app.ts) -->
     <base href="<%- webpackConfig.metadata.baseUrl %>">
 </head>
 <body>
