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

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

  1. 在 app.module.ts 文件中,引入 RouterModule 和 Routes:
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)微信小程序修改器辅助插件:进...
黑科技外挂!微乐小程序破解版修... 黑科技外挂!微乐小程序破解版修改器(外挂),微乐五十k原来存在有透视挂软件1、完成微乐小程序破解版修...
黑科技外挂!微乐贵阳足鸡麻将开... 黑科技外挂!微乐贵阳足鸡麻将开挂(外挂),微乐齐齐哈尔麻将竟然是有透视挂方法1)微乐贵阳足鸡麻将开挂...
黑科技辅助器!微乐小程序免费黑... 黑科技辅助器!微乐小程序免费黑科技在线下载(辅助器),微乐常州麻将一贯存在有透视挂工具1、游戏颠覆性...
黑科技作弊器!微信小程序游戏辅... 黑科技作弊器!微信小程序游戏辅助器(作弊器),微乐鞍山麻将好像真的有透视挂教程1、让任何用户在无需微...
黑科技透视器!陕西微乐小程序修... 黑科技透视器!陕西微乐小程序修改器(透视器),微乐A三纸牌原来是有透视挂app陕西微乐小程序修改器脚...
黑科技透视挂!微乐家乡游戏攻略... 黑科技透视挂!微乐家乡游戏攻略(透视挂),微乐陕西红中麻将一贯是真的有透视挂技巧进入游戏-大厅左侧-...