Angular路由不显示组件
创始人
2024-10-28 01:00:21
0

可能的解决方法如下:

  1. 确保你在app.module.ts的imports数组中导入了RouterModule和Routes:

import { RouterModule, Routes } from '@angular/router';

  1. 在你的app.module.ts中定义你的路由:

const routes: Routes = [ { path: '', component: HomeComponent }, { path: 'about', component: AboutComponent }, { path: 'contact', component: ContactComponent } ];

@NgModule({ imports: [RouterModule.forRoot(routes)], exports: [RouterModule] }) export class AppRoutingModule { }

  1. 在你的app.component.html中使用

  1. 现在你应该能够使用路由来显示你的组件了。你可以在浏览器地址栏中输入你的组件路由,或者使用routerLink指令来跳转。

例如,在你的导航菜单中,你可以添加以下链接:

首页 关于 联系

注意:如果你的导航菜单位于不同的组件中,则需要在每个组件中导入Router和ActivatedRoute,并使用routerLink。

import { Router, ActivatedRoute } from '@angular/router';

constructor(private router: Router, private route: ActivatedRoute) {}

在导航菜单中:

首页 关于 联系

goHome() { this.router.navigate(['']); }

goAbout() { this.router.navigate(['/about']); }

goContact() { this.router.navigate(['/contact']); }

相关内容

热门资讯

透视ai代打!aapoker辅... 透视ai代打!aapoker辅助插件工具(透视)插件下载(总是真的是有挂);1、aapoker辅助插...
透视数据!werplan透视挂... 透视数据!werplan透视挂,wepoker安装教程(确实是有挂);1、进入游戏-大厅左侧-新手福...
透视最新!aapoker辅助器... 透视最新!aapoker辅助器是真的吗(透视)真的假的(一贯有挂)1、游戏颠覆性的策略玩法,独创攻略...
透视有挂!newpoker怎么... 透视有挂!newpoker怎么安装脚本,cloudpoker怎么开挂(总是真的是有挂);1、newp...
透视好友房!aapoker安装... 透视好友房!aapoker安装包怎么使用(透视)脚本(确实存在有挂)1、实时aapoker安装包怎么...
透视实锤!德州圈脚本,poke... 透视实锤!德州圈脚本,pokemmo脚本(本来有挂)1、德州圈脚本系统规律教程、德州圈脚本辅助透视等...
辅助透视!aapoker脚本(... 辅助透视!aapoker脚本(透视)ai插件(其实是有挂)1、玩家可以在aapoker脚本软件透明挂...
透视科技!uupoker有透视... 透视科技!uupoker有透视吗,竞技联盟透视(竟然真的有挂)1、完成uupoker有透视吗透视辅助...
透视透视挂!aapoker插件... 透视透视挂!aapoker插件(透视)ai插件(都是真的是有挂);1、打开软件启动之后找到中间准星的...
透视透视挂!大菠萝手游辅助,p... 透视透视挂!大菠萝手游辅助,pokernow辅助工具(果然有挂)1、很好的工具软件,可以解锁游戏的大...