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

相关内容

热门资讯

五分钟辅助挂!渝都麻将辅助器(... 五分钟辅助挂!渝都麻将辅助器(透视)微信新九游辅助(详细透视外开挂教程)1、不需要AI权限,帮助你快...
9分钟辅助挂!福建天天开心外卦... 9分钟辅助挂!福建天天开心外卦(透视)填大坑辅助器视频(详细透视外开挂教程)是一款可以让一直输的玩家...
三分钟辅助挂!小程序广东雀神智... 自定义小程序广东雀神智能插件安装系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅...
第1分钟辅助挂!情怀宜春挂(透... 第1分钟辅助挂!情怀宜春挂(透视)闲来辅助软件靠谱吗(详细透视外开挂教程)是一款可以让一直输的玩家,...
3分钟辅助挂!免费宝宝浙江游戏... 3分钟辅助挂!免费宝宝浙江游戏辅助(透视)微友辅助神器下载(详细透视外开挂教程)1、下载好免费宝宝浙...
第四分钟辅助挂!四川血战到底攻... 第四分钟辅助挂!四川血战到底攻略(透视)填大坑辅助器(详细透视外开挂教程)四川血战到底攻略辅助器中分...
第3分钟辅助挂!拱趴大菠萝辅助... 第3分钟辅助挂!拱趴大菠萝辅助神器(透视)新蛮王辅助器(详细透视外开挂教程)1、完成拱趴大菠萝辅助神...
8分钟辅助挂!打哈儿脚本(透视... 8分钟辅助挂!打哈儿脚本(透视)冰球突破辅助软件(详细透视外开挂教程)1、许多玩家不知道打哈儿脚本辅...
第7分钟辅助挂!佛手十三道辅助... 第7分钟辅助挂!佛手十三道辅助器(透视)牌乐们黑科技试用(详细透视外开挂教程)您好,佛手十三道辅助器...
8分钟辅助挂!518互游辅助器... 8分钟辅助挂!518互游辅助器免费下载(透视)兴动游戏辅助(详细透视外开挂教程);无聊就玩这款518...