代码之家 › 专栏 › 技术社区 › JUNNNN

Angular 5使用Angular Universal从API设置路由

angular-universal angular-router angular

JUNNNN · 技术社区 · 7 年前

我正在使用 Angular Universal Starter 对于我的应用程序,我尝试从API构建一个动态路由系统。我想在应用程序启动SRAP之前配置我的路由系统。为此,我使用 APP_INITIALISER .我走了不同的路,尤其是这条: Angular 5 Build routes from API data at startup

我的问题出现在我的应用程序上。单元ts文件:

export function initRoutes(routes: RouterService) {
    return () => routes.browse();
}

@NgModule({
    imports: [
        BrowserModule.withServerTransition({appId: 'universal'}),
        BrowserAnimationsModule,
        RouterModule.forRoot([]),
        TransferHttpCacheModule,
        HttpClientModule,
        InjectorModule,
        HomeModule,
    ],
    declarations: [
        AppComponent,
    ],
    entryComponents: [
        HomeComponent
    ],
    providers: [
        NetworkService,
        RouterService,
        {
            'provide': APP_INITIALIZER,
            'useFactory': initRoutes,
            'deps': [ RouterService ],
            'multi': true,
        },
        Title,
        MenuService
    ],
    bootstrap: [AppComponent]
})

当我导入时 TransferHttpCacheModule (对于在服务器端呈现应用程序时已经发出的请求,一个拦截器可以避免在客户端上重复HttpClient请求),我得到以下错误:

enter image description here

我的问题是:是否可以发送JSON(带有路由列表)来在SSR应用程序上配置我的路由系统?

1 回复 | 直到 7 年前

Julián Esteban Salomón Torres 7 年前

可以使用如下数组:

export const appRoutes: Routes = [
  {
    path: 'aRoute',
    component: NameComponent
  },
  ...
]

在NgModule导入中添加以下内容:

RouterModule.forRoot(appRoutes),

如果你走这条路 aRoute ,将呈现NameComponent。

推荐文章

Sidharth Bajpai · Angular:cdk虚拟滚动视口-滚动窗口属性在Angular ssr(通用)中不起作用,给出错误-未定义文档

1 年前

Saurabh Palatkar · 角度通用:未定义导航器

7 年前

Tom Schreck · 如何在Angular 5 Universal app中排除内置的浏览器模块

7 年前

Yogender Singh · Angular 5应用程序,服务器渲染,Angular Universal on app Engine

7 年前

JayChase · 节点+角度通用SSR:如何在呈现页面时设置设备宽度

7 年前

Phil · 动态内容的角度通用?

7 年前

Diego · 内存达到88%时服务器崩溃

7 年前

Jonathan Corrin · 将angular universal应用程序部署到heroku

7 年前

Arryn · 如果发现任何无效Url,Angular 4+Universal重定向到404页面

8 年前

Andrey Ashurko · 角度通用破坏模量ref

8 年前