Angular js keeping the hash anchor navigation with html5mode router

app.js

app.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
    
    $locationProvider.hashPrefix('!').html5Mode(true)
})

app.run(function($rootScope, $location) {

    $rootScope.$on('$locationChangeStart', function(e, next, current) {

        //prevent first load
        if(next !== current) {

            //create a dummy element ...
            var nextElement = document.createElement('a'), currentElement = document.createElement('a')
            nextElement.href = next
            currentElement.href = current

            //... to get the hash part and set it the way we want (by keeping the current path) 
            if(nextElement.hash.length !== 0) {
                $location.path(currentElement.pathname)
                $location.hash(nextElement.hash.substring(1))
            }
        }

    })
})