title: How to remove Hash(#) in URL on angular 7
body: <p>I am new in <code>angular 7</code> in my project i want to remove #(hash) in <code>URL</code></p>
  
  <p>This is my actual <code>url</code> <a href="https://dev.abc.com/web/" rel="nofollow noreferrer">https://dev.abc.com/web/</a></p>
  
  <p>But when i access this <code>url</code> it add #(hash) like this <a href="https://dev.abc.com/web/#/" rel="nofollow noreferrer">https://dev.abc.com/web/#/</a> </p>
  
  <p>This my <code>routing .module.js</code> code</p>
  
  <pre><code>import { NgModule } from '@angular/core';
  import { RouterModule, Routes, Router } from '@angular/router';
  import { HomeComponent } from '../views/home/home.component';
  import { CubberComponent } from '../views/cubber/cubber.component';
  import { SignupComponent } from '../views/cubber/signup/signup.component';
  import { SigninComponent } from '../views/cubber/signin/signin.component';
  import { MyinformationComponent } from '../views/cubber/myinformation/myinformation.component';
  import { ProfileComponent } from '../views/cubber/profile/profile.component';
  import { PasswordComponent } from '../views/cubber/password/password.component';
  import { MyaddressComponent } from '../views/cubber/myaddress/myaddress.component';
  import { AuthGuard } from '../service/auth/auth.guard';
  import { DashboardComponent } from '../views/cubber/dashboard/dashboard.component';
  import { MylistingComponent } from '../views/cubber/mylisting/mylisting.component';
  import { MyavailablityComponent } from '../views/cubber/myavailablity/myavailablity.component';
  import { MyphotosComponent } from '../views/cubber/myphotos/myphotos.component';
  import { MypaymentComponent } from '../views/cubber/mypayment/mypayment.component';
  export const routes: Routes = [
       {
            path: '',
            component: HomeComponent,
            pathMatch: 'full'
       },    
       {
            path: 'signup',
            component: SignupComponent,
            data: { title: 'signup' }
       }
  ];
  
  @NgModule({
       imports: [
            RouterModule.forRoot(routes)],
            exports: []
  })
  
  export class AppRoutingModule {
       constructor(private router: Router) {
            this.router.errorHandler = (error: any) =&gt; {
            this.router.navigate(['login']);
            };
       }
  }
  </code></pre>
  
  <p>I refer some blog it said in <code>@NgModule</code> add <code>userHash:false</code> like this</p>
  
  <pre><code>@NgModule({
       imports: [
            RouterModule.forRoot(routes,{userHash:false})],
            exports: []
  })
  </code></pre>
  
  <p>I am not sure it is working or not. </p>
  
  <blockquote>
    <p>Please help me to remove #(hash) in my <code>url</code></p>
  </blockquote>