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、心悦踢坑辅助器脚本辅助下载...
为切实保障!微信小程序中至赣牌... 为切实保障!微信小程序中至赣牌圈辅助!果然真的是有辅助神器(讲解有挂)-哔哩哔哩在进入微信小程序中至...
此事引发广泛关注!闲逸透视ap... 此事引发广泛关注!闲逸透视app官方正版!真是是真的辅助器(有挂猫腻)-哔哩哔哩闲逸透视app官方正...
此事备受玩家关注!中至赣州冲关... 此事备受玩家关注!中至赣州冲关辅助!切实是真的辅助软件(有挂实锤)-哔哩哔哩中至赣州冲关辅助是不是有...
来临!圣游科技!都是是有辅助脚... 来临!圣游科技!都是是有辅助脚本(今日头条)-哔哩哔哩1、点击下载安装,圣游科技脚本分类一目了然!2...
来临!广西老友玩有破解码!竟然... 来临!广西老友玩有破解码!竟然真的有辅助神器(有挂规律)-哔哩哔哩广西老友玩有破解码是不是有人用挂微...