Angular无法匹配带有哈希符号的路由
创始人
2024-10-30 01:31:40
0

在定义 Angular 路由时,需要通过配置 useHash 属性将哈希符号作为路由模式的标志。具体操作如下:

  1. 在 app.module.ts 文件中,引入 RouterModuleRoutes
import { RouterModule, Routes } from '@angular/router';
  1. 定义路由配置数组,并在其中配置 useHash 属性为 true
const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  { path: '**', component: PageNotFoundComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true })],
  exports: [RouterModule]
})
export class AppRoutingModule { }
  1. 在浏览器地址栏中输入带有哈希符号的路由,Angular 将能够正确匹配路由并显示对应的组件。
http://localhost:4200/#/about

相关内容

热门资讯

相较于以往!掌中乐游戏中心破解... 相较于以往!掌中乐游戏中心破解版(辅助)其实有挂辅助下载(竟然有挂)-哔哩哔哩掌中乐游戏中心破解版透...
据监测!微乐四川麻将辅助器(辅... 据监测!微乐四川麻将辅助器(辅助)确实存在有辅助神器(确实有挂)-哔哩哔哩1、让任何用户在无需微乐四...
迎来新发展!欢乐茶馆免费辅助器... 迎来新发展!欢乐茶馆免费辅助器(辅助)切实有挂辅助插件(有挂总结)-哔哩哔哩1、完成欢乐茶馆免费辅助...
随着!指尖四川刷无限钻石(辅助... 随着!指尖四川刷无限钻石(辅助)本来真的是有辅助下载(发现有挂)-哔哩哔哩1、指尖四川刷无限钻石辅助...
此事迅速冲上热搜!福建天天开心... 此事迅速冲上热搜!福建天天开心辅助工具(辅助)切实存在有辅助安装(有挂技巧)-哔哩哔哩1、首先打开福...
此事引发网友热议!大当家辅助脚... 此事引发网友热议!大当家辅助脚本下载地址(辅助)总是是有辅助修改器(有挂技术)-哔哩哔哩1、每一步都...
连日来!微乐辅助靠谱麻(辅助)... 连日来!微乐辅助靠谱麻(辅助)真是真的有辅助平台(真是有挂)-哔哩哔哩1、微乐辅助靠谱麻有没有辅助教...
出现新变化!福建天天开心技巧(... 出现新变化!福建天天开心技巧(辅助)一直是有辅助挂(有挂方法)-哔哩哔哩1、福建天天开心技巧模拟器是...
目前!情怀麻将辅助(辅助)原来... 目前!情怀麻将辅助(辅助)原来是有辅助平台(有挂方式)-哔哩哔哩1、超多福利:超高返利,海量正版游戏...
近年来!情怀破解(辅助)一贯真... 近年来!情怀破解(辅助)一贯真的是有辅助app(有挂方法)-哔哩哔哩1、在情怀破解插件功能辅助器技巧...