要在Angular中实现直接链接到页面跳转到主页，你可以使用Angular的路由模块。

首先，确保你已经安装了@angular/router模块。可以使用以下命令进行安装：

npm install @angular/router

接下来，打开你的app.module.ts文件，并导入RouterModule和Routes：

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

然后，在Routes数组中定义你的路由配置。在这个例子中，我们只有一个主页路由，它的路径为''（空路径），指向HomeComponent组件：

const routes: Routes = [
  { path: '', component: HomeComponent }
];

接下来，在@NgModule装饰器中使用RouterModule.forRoot()方法来配置路由：

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

现在，你可以在你的组件中使用routerLink指令来创建链接到主页的链接。在这个例子中，我们将在app.component.html文件中创建一个链接：

主页

最后，确保你在你的根组件中放置了一个标记，用于显示路由组件的内容。在这个例子中，我们将在app.component.html文件中添加这个标记：

现在，当你点击链接时，Angular将自动导航到主页组件。

这就是使用Angular的路由模块实现直接链接到页面跳转到主页的解决方法。请根据你的实际需求进行调整和扩展。