Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在角形空间中创建路线_Javascript_Html_Angular_Typescript_Angular Ui Bootstrap - Fatal编程技术网

Javascript 如何在角形空间中创建路线

Javascript 如何在角形空间中创建路线,javascript,html,angular,typescript,angular-ui-bootstrap,Javascript,Html,Angular,Typescript,Angular Ui Bootstrap,我试着用角度来制作路线或链接 比如说 我有默认页面 Localhost:4200 当我新安装angular/CLI时,它会显示angular默认页面。 但是我如何创建自己的个人页面呢。 比如说 Localhost:4200/myPage 提前感谢各位首先确保启用路由。在创建项目时,您可以选择。如果未启用路由,请使用此命令 ng generate module app-routing --flat --module=app 接下来,您必须将路由添加到app-routing.module文件中

我试着用角度来制作路线或链接 比如说

我有默认页面

Localhost:4200
当我新安装angular/CLI时,它会显示angular默认页面。 但是我如何创建自己的个人页面呢。 比如说

Localhost:4200/myPage

提前感谢各位

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

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

const routes: Routes = [
  {path: 'mypage', component: MyPageComponent}
];
接下来将ngmoduledecorator更改为

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
现在,您应该能够轻松地导航到设置的路径。不过,我同意前面的评论,在这里询问之前,您应该先尝试一下文档。

阅读文档: