在Angular路由器中,可以使用useHash
配置项来设置是否使用哈希路由。
默认情况下,Angular使用HTML5历史路由,不会保留井号(#)前的URL。如果要保留井号前的URL,可以将useHash
设置为true
。
下面是一个使用useHash
解决导航不保留井号前URL的代码示例:
app.module.ts:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, Routes } from '@angular/router';
import { AppComponent } from './app.component';
const routes: Routes = [
// 定义你的路由配置
];
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
RouterModule.forRoot(routes, { useHash: true }) // 使用useHash配置项
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
注意:使用useHash
配置项后,路由将会使用带有井号的URL形式,例如:http://example.com/#/path
。
上一篇:Angular路由器使用相同组件