在Angular中，可以使用路由配置来在空路径上加载不同的组件。下面是一个示例的解决方法：

1. 在路由配置文件（通常是app-routing.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: '', component: HomeComponent },
  { path: 'about', component: AboutComponent },
  // 其他路由配置项...
];

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

2. 在AppComponent的模板文件（通常是app.component.html）中，添加一个路由占位符，用于显示加载的组件：

3. 创建对应的组件文件（例如home.component.ts和about.component.ts），并在各自的模板文件中添加对应的内容。

这样，当访问空路径时，会加载HomeComponent组件，而当访问/about路径时，会加载AboutComponent组件。

请确保已经正确配置了路由模块，并将其导入到AppModule中。