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']); }

相关内容

热门资讯

透视详细"pokem... 透视详细"pokemmo脚本辅助器下载"本来有辅助教程(哔哩哔哩)pokemmo脚本辅助器下载是不是...
透视普及"wejok... 透视普及"wejoker辅助软件视频"一贯存在有辅助脚本(哔哩哔哩)1、该软件可以轻松地帮助玩家将w...
透视有挂"pokem... 透视有挂"pokemmo手机脚本辅助器"竟然真的是有辅助挂(哔哩哔哩)1、玩家可以在pokemmo手...
透视了解"云扑克有透... 透视了解"云扑克有透视吗"切实存在有辅助教程(哔哩哔哩)1、每一步都需要思考,不同水平的挑战会更加具...
透视曝光"steam... 透视曝光"steampokermaster辅助"竟然有辅助方法(哔哩哔哩)暗藏猫腻,小编详细说明st...
透视开挂"werpl... 透视开挂"werplan透视挂"确实存在有辅助工具(哔哩哔哩);1、起透看视 werplan透视挂辅...
透视关于"wepok... 透视关于"wepoker透视脚本网页"其实是真的辅助插件(哔哩哔哩)透视关于"wepoker透视脚本...
透视了解"大菠萝手游... 透视了解"大菠萝手游辅助"果然是有辅助攻略(哔哩哔哩)1、超多福利:超高返利,海量正版游戏,大菠萝手...
透视必备"aapok... 透视必备"aapoker透视脚本入口"好像是真的辅助工具(哔哩哔哩)1、aapoker透视脚本入口模...
透视透视"wepok... 透视透视"wepoker辅助器安装包"总是存在有辅助插件(哔哩哔哩)1、许多玩家不知道wepoker...