angular - Angular 路由中的路由路径文件

Question

我目前正在为我的 Angular 项目创建路由，并且我很感兴趣是否在 Angular 世界中进行实践，以与您在 ngrx 中的操作枚举相同的方式拥有路径列表，以便可以使用它们在多个地方？

某种方式的东西

export enum StuffActionTypes {
  StuffRequested = '[StuffIndexPage] Stuff Requested',
  StuffLoaded = '[StuffAPI] Stuff Loaded',
}

只为路径

Answer 1

路由是一个对象数组，你可以把它放在一个单独的文件中，只需要正确的导入和导出，即使你可以根据需要为每个模块创建路由。我已经看到了几种实现它的方法，基本的方法是：

import { NgModule }             from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { AboutComponent } from './about/about.component';
import { InfoComponent } from './info/info.component';


const routes: Routes = [
  { path: 'about', component: AboutComponent },
  { path: 'info', component: InfoComponent }
];

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

之前的示例来自 angular.io 文档。你可以用路由器做很多复杂的事情，pluralsight 上有很好的课程