如何在 angular 中制作路线

Question

我尝试在 angular 中制作路线或链接例如

我有默认页面

Localhost:4200

并且在我新安装 Angular/CLI 时它带来了 angular 默认页面。但是我如何创建自己的个人页面。例如

Localhost:4200/myPage

提前谢谢大家

Answer 1

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

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

现在您应该能够轻松导航到设置的路径。不过，我确实同意之前的评论，这确实是您在此处提问之前应该先尝试使用文档的内容。

How to make route in angular