首页 > 解决方案 > 如何以角度制作路线

问题描述

我试图以角度制作路线或链接例如

我有默认页面

Localhost:4200

当我新安装 Angular/CLI 时,它会带来 Angular 默认页面。但是我如何创建自己的个人页面。例如

Localhost:4200/myPage

提前谢谢各位

标签: javascripthtmlangulartypescriptangular-ui-bootstrap

解决方案


首先确保启用路由。您可以在创建项目时选择。如果您没有启用路由,请使用此命令。

ng generate module app-routing --flat --module=app

接下来,您必须将路由添加到 app-routing.module 文件。您应该声明一个路由数组。这些路由需要包含要实例化的路径和组件。

const routes: Routes = [
  {path: 'mypage', component: MyPageComponent}
];

接下来将 NgModule 装饰器更改为

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

现在您应该能够轻松导航到设置的路径。不过,我确实同意之前的评论,这确实是您应该先尝试使用文档,然后再在这里询问。


推荐阅读