Hash fragment in Angular
This Article helps you to Understand, fragment. in Angular
To enable HashLocationStrategy in an Angular application we pass {useHash: true} when we are providing our routes with RouterModule
URL can contain some data prepended with a # character.
The # part of the URL is called the hash fragment.
It can be normal for developers who use the SPA to see a hash (#) at the URL. It is now possible to work on an application without noticing the infamous # character in the URL thanks to the new version of Angular.
Activate the hash (Mode 1)
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { HashLocationStrategy, LocationStrategy } from '@angular/common';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule],
providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
bootstrap: [AppComponent],
})
export class AppModule {}
OR
Activate the hash (Mode 2)
app-routing.module.ts
import { NgModule } from '@angular/core';
...
const routes: Routes = [//routes in here];
@NgModule({
imports: [
BrowserModule,
FormsModule,
RouterModule.forRoot(routes, { useHash: true })
],
bootstrap: [AppComponent]
})
export class AppModule { }
