Question

新蜜蜂角度概念，在实践中我有2个模块，

1）事件模块是主要模块（它有app.module.ts＆amp;＆amp; routes.ts）

2）用户模块它有自己的user.module.ts，但为此模块定义的路由（在user.routes.ts中）来自主路由。例如。

{ path: 'user', loadChildren: 'app/user/user.module#UserModule' }

这在routes.ts中定义

我所知道的是，如果我从某个模块点击任何链接，只会加载与该特定模块相关的组件，

但我在申请表中可以看到的是，

1）加载页面需要一些时间，即使它只是一个小应用程序

2）当我在浏览器上查看开发人员工具（即F12）时，在点击属于用户模块的“user / profile”时，事件模块的组件也会被加载。

为什么假设只加载用户模块的所有组件？

Answer 1

您可以创建2个路由文件

export const Routes1: Routes1[] = [
{
    path: '/',
    name: 'Home',
    component: HomeComponent
},
{
    path: '/test',
    name: 'test',
    component: TestComponent
}

];

并在app.component.ts中调用

import { Component } from 'angular2/core';
import { Routes1 } from './routeModule1';

@Component({
    selector: 'my-app',
    templateUrl: 'app/app.component.html',
})
@RouteConfig(RouteDefinitions)
export class AppComponent { }

Angular： - 加载不同模块的组件

1 个答案: