2

所以我首先让我的整个项目在没有 Angular 的通用(服务器端渲染)的情况下工作,然后我开始使用 Angular 通用入门工具包,并将我的项目移动到适当的目录中。

现在一切正常,除了当我导航到某个路线时应该加载和引导的任何延迟加载模块。它可以在不使用 webpack 和通用但不使用的情况下工作。

这是我的主要模块的路线:

import { ModuleWithProviders }  from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { NotFoundComponent } from './app/pages/pages';

import { AuthGuard } from './app/components/services/auth-guard.service';

const appRoutes: Routes = [
    {
        path: '',
        redirectTo: '/hjem',
        pathMatch: 'full'
    },
    {
        path: 'my-profile',
        loadChildren: 'my-profile/my-profile.module#o7MyProfileModule',
        canLoad: [AuthGuard]
    },
    {
        path: '404',
        component: NotFoundComponent
    },
    {
        path: ':slug',
        component: BaseComponent
    },
];

export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);

有任何想法吗?

4

0 回答 0