How to remove # from url angularjs

Yes it’s possible

Here is the code and explanation

Step 1:
Create the .htaccess file and add below code

# Don't rewrite files or directories
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]

Open your index.html file and add below code inside tag

If you have using sub folder like http://localhost/shop use code like below

Add below code for config function

The final app code is for example

angular
.module('app', ['ngRoute', 'ngCookies'])
.config(config)
.run(run);

config.$inject = ['$routeProvider', '$locationProvider'];
function config($routeProvider, $locationProvider) {

$routeProvider
.when('/', {
controller: 'HomeController',
templateUrl: 'home/home.view.html',
controllerAs: 'vm'
})

.when('/login', {
controller: 'LoginController',
templateUrl: 'authentication-service/login/login.view.html',
controllerAs: 'vm'
})

.when('/register', {
controller: 'RegisterController',
templateUrl: 'authentication-service/register/register.view.html',
controllerAs: 'vm'
})

.otherwise({ redirectTo: '/login' });

$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
}

run.$inject = ['$rootScope', '$location', '$cookies', '$http'];
function run($rootScope, $location, $cookies, $http) {
// keep user logged in after page refresh
$rootScope.globals = $cookies.getObject('globals') || {};
if ($rootScope.globals.currentUser) {
$http.defaults.headers.common['Authorization'] = 'Basic ' + $rootScope.globals.currentUser.authdata;
}

$rootScope.$on('$locationChangeStart', function (event, next, current) {
// redirect to login page if not logged in and trying to access a restricted page
var restrictedPage = $.inArray($location.path(), ['/login', '/register']) === -1;
var loggedIn = $rootScope.globals.currentUser;
if (restrictedPage && !loggedIn) {
$location.path('/login');
}
});
}