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

相关内容

热门资讯

一分钟秒懂!wepoker脚本... 您好:wepoker脚本这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的...
推荐十款!wepoker怎么获... 您好:wepoker怎么获得好牌这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很...
玩家攻略!wpk插件,德普之星... 您好,玩家攻略!wpk插件,德普之星到底有没有透视挂脚本(原来真的是有透视)这款游戏可以开挂的,确实...
查到实测!德扑之星怎么开辅助,... 查到实测!德扑之星怎么开辅助,德扑之星怎么开挂安装(都是真的是有开挂)AI 是一款可以让一直输的玩家...
分辨真假!wepoker辅助工... 很多人使用云端 AI 时,都担心wepoker辅助工具、内部资料上传带来隐私风险。这款本地运行的 A...
发现玩家!WPK作弊,德扑之星... 您好:WPK作弊这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌特别好...
规律教程!wepokerplu... 规律教程!wepokerplus作弊,德扑之星是不是有挂教程(切实是有开挂)AI 是一款可以让一直输...
一分钟揭秘!如何下载德普之星辅... 如何下载德普之星辅助软件AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略...
可靠教程!wepoker辅助器... 可靠教程!wepoker辅助器激活码,微扑克怎么开挂助手(一直是有辅助挂)主打本地运行的 AI 黑科...
每日必备!!wpk刷入池率脚本... 您好,每日必备!!wpk刷入池率脚本,德扑之星开挂脚本教程(先前真的是有透视挂)这款游戏可以开挂的,...