要实现在页面加载时路由到不同的模块，可以使用Angular的路由器功能。以下是一个示例：

首先，确保已经安装了Angular的路由器模块。可以使用以下命令进行安装：

npm install @angular/router

然后，在你的应用的根模块（通常是app.module.ts）中导入和配置路由器模块。示例代码如下：

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

import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';

const routes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' }, // 默认路由到home组件
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent }
];

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

在上面的代码中，我们定义了两个路由：home和about，并设置默认路由为home。当访问根路径时，会自动导航到home组件。

然后，在根组件的模板文件（通常是app.component.html）中添加一个router-outlet指令，用于显示路由器加载的组件。示例代码如下：

最后，在你想要加载不同模块的地方添加路由导航链接。示例代码如下：

现在，当你的应用加载时，默认会导航到home组件。你可以点击导航链接在不同的模块之间切换。

希望以上示例能够帮助你实现在页面加载时路由到不同的模块。